Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

PVII Knowledge Base

1. Select a product ...
2. Select category ...
3. Search the Knowledge Base...

Question #219

I would like to add more that 10 Accordion Panels on the page, is this possible?

The Answer

Prepared Oct. 2007 by Gerry Jacobsen, PVII

Note: This feature is built into Accordion Panel Magic 2

Yes, you can add more than 10 Accordion Panel Magic (APM) components on the same page, here's how:

1. Add the necessary Accordion Panel references to the grouped style selector rules as outlined in the User Guide, page 24.

2. We'll need to tweak the scripts file. Open the p7APscripts.js file and locate the 2nd line in the P7_initAB() function, around line 74, and the beginning of the line looks like this:

for(i=10;i>0;i--){
  ab='p7ABW'..............

2. Change the number 10 to a higher value, for example, if you want to support up to 20 panels then replace the 10 with 20, like this:

for(i=20;i>0;i--){
  ab='p7ABW'..............

use 30, 40, 50, whatever you need :-)

3. Next, you'll need to make a small change to the first line of the P7_ABtrig(a) function, it's around line 211, and look like this:

var i,j=null,op,pD,ad,aT,m=true,cp='p7ABc'+a.p7ABpr.substring(a.p7ABpr.length-1); 

4. Change the last part of the line from this:

+a.p7ABpr.substring(a.p7ABpr.length-1); 

to this:

+a.p7ABpr.replace("p7ABW",""); 

5. Save the file

Back to the questions list