View Full Version : Accordion Script working TOO well...not allowing hrefs to work within the divs

02-04-2009, 12:16 AM
1) Script Title: Href links within the accordian only close the accordian

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm

3) Describe problem: My problem is rather simple. The accordian works fine but any href within the displayed 'rolled out' functionality causes the accordian to revert. Is there a way to circumnavigate the action so the href will link correctly?

Example as follows:

<div align="left"><li class="style4"><u>What is the Ccred Reporting?</u></li></span></div>
<div class="2">
<div align="left"><span class="body">
For more detailed information, please read the </span></div><a href="http://www.ftc.gov/os/statutes/fcra.htm" target="_blank"><span class="body"> <div class="2">Fair Credit Reporting Act</div></span></a>.<br></div></div>

The link within the div causes it to shrink, not actually go to the link

02-04-2009, 03:52 AM
Hmm not entirely clear on your question actually. A header will only contract if you roll out of the header itself, not the sub content it's associated with. Any links in the later doesn't change this. Please post a link to the page on your site that contains the problematic script so we can check it out.

02-04-2009, 02:49 PM
Sorry...here you are

Click on 'Compliance Information'
and then click on the first question 'What is the Fair Credit Reporting Act (FCRA)?'

Th link within the answer automatically retracts when clicked when it should go to a new page.

02-05-2009, 06:31 AM
No problem for me. The 'What is the Fair Credit Reporting Act (FCRA)?' link appears as the last link in the "General Information" header for me btw. Clicking it reveals content with a mailto: link inside it. Clicking that just launches my mail program, and doesn't close the content. FF3.x and IE8 browsers used.

12-23-2009, 04:58 PM
It seems the problem happens in IE7. Can anybody help figure out a fix to this? Here is a sample of my code also:

<li id="q11" class="question"><a href="javascript:void(0);">Can I cancel or change an order after I place it?</a></li>
<div id="a11" class="answer">We are unable to modify or cancel your order once it is received in our system. If you have additional questions, please contact us by e-mail us at: <a href="mailto:orders@domain.com">orders@domain.com</a></div>

Clicking on the email link collapses the section in IE7.

12-23-2009, 10:29 PM
jhollender, are you talking about the exact same issue as the OP's above? If so, please post a link to the problem page.

12-23-2009, 11:02 PM