Lists within Accordions

I found this video linked in another thread about this: 

But is there anyway to do this but instead of a number or bullet point, do a list ordered "a." "b." "c."? And then, can I get a sub-list under one of those labeled "i." "ii." "iii."? I want it to look like this below, but it seems impossible to do inside the accordion.

Quote

Section 4. The monthly membership dues of all locals affiliated with this organization shall be:

a. For members without a contract: 1.15% of gross monthly salary to a maximum of $22 per month. Members without a contract who are affiliated with the Lawrence Livermore National Laboratory local may elect to adopt a different dues rate but it shall not be less than the dues for other UPTE members without a contract. Members without a contract at Los Alamos National Lab shall pay $20 per month.

b. For members with a contract: 1.30% of gross monthly salary with the following maximums:

i. The maximum as of January 14, 2018 shall be $75 for the RX/TX units, $80 for HX unit, $65 for Lawrence Berkeley National Laboratory, or $60 in the case of the Lawrence Livermore Skilled Trades. The maximum shall increase by $10 on the first full pay period of the following month if represented employees received at least a 2% pay increase until the 1.3% of gross monthly salary is reached. The increase provision of Lawrence Berkeley National Laboratory shall be in effect in January 1, 2019. The increase for Lawrence Livermore Skilled Trade shall remain at $5 until the January 1 following the conclusion of Skilled Trade contract bargaining that is scheduled to begin July 1, 2019.

Hi,

This is not possible with default accordion block.

You will need to use 3rd party accordion.

Or, you can consider adding a Text Block under Accordion, enter your bullets, then we can give code to move Text Block into Accordion Block.

Thank you so much!

On 12/28/2022 at 7:15 PM, tuanphan said:

You will need to use 3rd party accordion.

Would a third party accordion cost extra? I don't think the client would want that but I could ask depending on the cost, could you share some options?

Quote

Or, you can consider adding a Text Block under Accordion, enter your bullets, then we can give code to move Text Block into Accordion Block.

This seems like a better solution - can you share that code?

On 1/4/2023 at 5:21 AM, MelPal said:

Thank you so much!

Would a third party accordion cost extra? I don't think the client would want that but I could ask depending on the cost, could you share some options?

This seems like a better solution - can you share that code?

You can use Accordion Dropdown Pro (affiliate link), it costs $10 (If you purchase it, you should install older version, it will be easier to install)

On 1/4/2023 at 5:21 AM, MelPal said:

Thank you so much!

Would a third party accordion cost extra? I don't think the client would want that but I could ask depending on the cost, could you share some options?

This seems like a better solution - can you share that code?

You can add Text Block first, then I can test code easier.

If your question is still valid, then I want to give you my solution:

https://www.ui-workarounds.com/boosting-your-squarespace-accordion-with-videos-images-tables-lists-and-titles/

With this script you can add in your accordion videos, images, tables, titles and lists. If you have questions, just let me know.

Hello. Trying to reboot this thread. The video works for bulleted list or numbered list but I cant seem to get it to work for a numbered AND bulleted list.

https://playbook-nth.squarespace.com/role-responsibility pw: NTH2024#

I have put in three accordions at bottom of page: #block-de3f06ad5932b327bd06 and #block-0c1a787bbd3aeacf8aef and #block-36dc1c66ffecd19ee27b

I have attached a screenshot of the type of list I would like to create in#block-36dc1c66ffecd19ee27b. I have created it in the accordion but cannot get the numbers to increase sequentially.

Many thanks for your help!

On 4/4/2024 at 12:00 AM, hansworks said:

Hello. Trying to reboot this thread. The video works for bulleted list or numbered list but I cant seem to get it to work for a numbered AND bulleted list.

https://playbook-nth.squarespace.com/role-responsibility pw: NTH2024#

I have put in three accordions at bottom of page: #block-de3f06ad5932b327bd06 and #block-0c1a787bbd3aeacf8aef and #block-36dc1c66ffecd19ee27b

I have attached a screenshot of the type of list I would like to create in#block-36dc1c66ffecd19ee27b. I have created it in the accordion but cannot get the numbers to increase sequentially.

Many thanks for your help!

You want to move this list to this accordion content?

Hello. Yes I want the list in an accordion but it is only allowing me to use numbered list or bulleted list within the accordion text. Is there a way to format a numbered list with bulleted entries following each numbered item?

On 4/11/2024 at 12:18 AM, hansworks said:

Hello. Yes I want the list in an accordion but it is only allowing me to use numbered list or bulleted list within the accordion text. Is there a way to format a numbered list with bulleted entries following each numbered item?

You can use this code to Website > Website Tools > Code Injection > Footer

<script>
  $(document).ready(function(){
    $('div#block-575006c881592bbf4866').appendTo('div#block-2288792c08127cb88fac .accordion-item__description');
});
</script>

It seems that the accordion content has not changed behaviour when i try to edit. Would it be possible to share a screen shot of how it is working when you add the code injection?

On 4/16/2024 at 2:02 AM, hansworks said:

It seems that the accordion content has not changed behaviour when i try to edit. Would it be possible to share a screen shot of how it is working when you add the code injection?

The code will move List (Text Block) in to Accordion Content. If you don't want this, we can use custom plugin to add accordion, so you can add Text Block inside Accordion easier.

Can you tell me the name of the plug-in and i can take a look at the features?

2 hours ago, hansworks said:

Can you tell me the name of the plug-in and i can take a look at the features?

Here you go -> https://www.will-myers.com/products/p/accordion-dropdown-plugin-for-squarespace