Jump to content

Recommended Posts

Hi.

I have just downloaded a WordPress theme which has a pre-installed horizontal accordion on the homepage.

The .css is:

 

.haccordion{

padding: 0;

}

 

.haccordion ul{

margin: 0;

padding: 0;

list-style: none;

overflow: hidden; /*leave as is*/

}

 

 

.haccordion li{

margin: 0;

padding: 0;

display: block; /*leave as is*/

width: 100%; /*For users with JS disabled: Width of each content*/

height: 200px; /*For users with JS disabled: Height of each content*/

overflow: hidden; /*leave as is*/

float: left; /*leave as is*/

}

 

.haccordion li .hpanel{

width: 100%; /*For users with JS disabled: Width of each content*/

height: 200px; /*For users with JS disabled: Height of each content*/

}

 

<script type="text/javascript">

 

haccordion.setup({

accordionid: 'hc1', //main accordion div id

paneldimensions: {peekw:'50px', fullw:'786px', h:'786px'},

selectedli: [0, true], //[selectedli_index, persiststate_bool]

collapsecurrent: false //<- No comma following very last setting!

})

 

haccordion.setup({

accordionid: 'hc2', //main accordion div id

paneldimensions: {peekw:'30px', fullw:'786px', h:'786px'},

selectedli: [-1, true], //[selectedli_index, persiststate_bool]

collapsecurrent: false //<- No comma following very last setting!

})

 

</script>

 

...which all seems pretty straightforward...

The .js is:

 

 

<script type="text/javascript">

 

haccordion.setup({

accordionid: 'hc1', //main accordion div id

paneldimensions: {peekw:'50px', fullw:'786px', h:'430px'},

selectedli: [0, true], //[selectedli_index, persiststate_bool]

collapsecurrent: false //collapse current expanded li when mouseout into general space?

})

 

</script>

 

...again, fairly straightforward...

The problem is that, when I go to the homepage, the first panel of the accordion is open with the other accordion 'tabs' visible on the right - all good so far - but the second I roll over, the accordion collapses and won't re-open...the hyperlinks still work off the 'tabs', but each layer / panel of the accordion refuses to open, roleed over, clicked on, whatever...

Any suggestions?

Link to comment
https://forums.phpfreaks.com/topic/271096-accordion-script/
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.