#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2010
    Posts
    1
    Rep Power
    0

    Nested Accordion problems in IE


    Hello, I have three accordions based on Accordion2 by stickmanlabs on my site. Each of the three accordions (web, motion & print) have nested accordions within that open when clicked to reveal different projects I have done. This works great in Firefox and Safari. In IE the first accordion (web) works properly, opening up to reveal the nested accordions closed up and waiting to be clicked on. However, when I click on either of the following accordions in IE, it opens to reveal that all of the nested accordions are already open at the same time. The nested accordions are open, but also inactive, I can't even click to close them up. I have played with this to no avail, and can't figure it out. I would really appreciate it if someone could tell me how I can get this working properly on IE, or why this might be happening?

    Here is essentially what the code looks like for the three nested accordions:

    Code:
    <div id="vertical_container" >
    
    <h1 class="accordion_toggle">Web</h1>
    <div class="accordion_content">
    <div id="vertical_nested_container" >
    
      <h3 class="vertical_accordion_toggle">Company A</h3>
      <div class="vertical_accordion_content">
      <p class="jobinfo"> Art Direction and Design</p> 
      </div>
    
      <h3 class="vertical_accordion_toggle">Company A</h3>
      <div class="vertical_accordion_content">
      <p class="jobinfo"> Art Direction and Design</p> 
      </div>
    
    </div>
    </div>
    
    
    <h1 class="accordion_toggle">Motion</h1>
    <div class="accordion_content">
    <div id="vertical_nested_container" >
    
      <h3 class="vertical_accordion_toggle">Company A</h3>
      <div class="vertical_accordion_content">
      <p class="jobinfo"> Art Direction and Design</p> 
      </div>
    
      <h3 class="vertical_accordion_toggle">Company A</h3>
      <div class="vertical_accordion_content">
      <p class="jobinfo"> Art Direction and Design</p> 
      </div>
    
    </div>
    </div>
    
    
    <h1 class="accordion_toggle">Print</h1>
    <div class="accordion_content">
    <div id="vertical_nested_container" >
    
      <h3 class="vertical_accordion_toggle">Company A</h3>
      <div class="vertical_accordion_content">
      <p class="jobinfo"> Art Direction and Design</p> 
      </div>
    
      <h3 class="vertical_accordion_toggle">Company A</h3>
      <div class="vertical_accordion_content">
      <p class="jobinfo"> Art Direction and Design</p> 
      </div>
    
    </div>
    </div>
                     
                    
    </div>
    I realize this might not be enough info, and I am happy to provide any additional CSS or javascript info. I guess I am hoping someone out there might be familiar with Accordion2. Another strange thing is that I have noticed is that none of the accordions work unless I leave a blank <div id="horizontal_container"></div> in there.

    Thanks in advance!
    Last edited by Kravvitz; September 9th, 2010 at 08:51 PM. Reason: added [code] tags
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2012
    Posts
    1
    Rep Power
    0

    Help!!


    Hello

    I am having EXACTLY the same problem.
    I am stuck for days and really need your help.
    How did you solve this issue pleaseee

    Thanks in advance,
    Rami
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2012
    Posts
    6
    Rep Power
    0
    I guess I am hoping someone out there might be familiar with Accordion2.

IMN logo majestic logo threadwatch logo seochat tools logo