Need help with jQuery accordion

Discussion in 'jQuery' started by CostaTEC, Jul 27, 2013.

  1. #1
    I created a site recently. I added near the top of the page a jquery accordion, that features 3 collapsing content panel. The first two ones are working fine but, something is wrong with the 3rd one. I just can't make it work.
    The website is NYC Web Design. I really appreciate your help on that matter

    Here is the code:


    div class="sectionAcc">
     
                <!-- accordion -->
     
                <div id="accordion533" class="accordion">
     
                    <div class="accordion-group">
     
                        <div class="accordion-heading">
     
                            <a class="accordion-toggle" href="#collapse749" data-toggle="collapse"><i></i>Ultra Clean & Modern Design</a>
     
                        </div>
     
                        <div id="collapse749" class="accordion-body collapse" style="height: 0px;">
     
                            <div class="accordion-inner">
     
                                <p>
     
                                    All sites are developed with the latest markup in CSS3 and HTML5. Websites are designed to be viewed properly across all popular browsers including Internet Explorer, Firefox, Chrome, Safari, iOS and Android devices.
     
                                </p></div>
     
                        </div>
     
                    </div>
     
                    <div class="accordion-group">
     
                        <div class="accordion-heading">
     
                            <a class="accordion-toggle" href="#collapse750" data-toggle="collapse"><i></i>Mobile Compatibility</a>
     
                        </div>
     
                        <div id="collapse750" class="accordion-body collapse" style="height: 0px;">
     
                            <div class="accordion-inner">
     
                                <p>
     
                                  Our sites are compatible throughout all mobile devices including iPhones, iPads and Android OS. We do not use Flash (if not specially requested) galleries and videos are viewable on all iOS devices.
     
                                </p></div>
     
                        </div>
     
                    </div>
     
                    <div class="accordion-group">
     
                        <div class="accordion-heading">
     
                            <a class="accordion-toggle" href="#collapse751" data-toggle="collapse"><i></i>Fast Turnaround</a>
     
                        </div>
     
                        <div id="colapse751" class="accordion-body collapse" style="height: 0px;">
     
                            <div class="accordion-inner">
     
                                <p>
     
                                  We're committed to delivering quality design and development at very fast speeds. If you have all the materials ready on your end, in terms of site content , we can have your new site up on the web in as quickly as 14 days.
     
                                </p></div>
     
                        </div>
     
                    </div>
     
                </div>
     
                <!-- / accordion -->
     
            </div>
     
            <!-- / sectionAcc -->
    Code (markup):
     
    Solved! View solution.
    Last edited: Jul 27, 2013
    CostaTEC, Jul 27, 2013 IP
  2. #2
    Line #59 div id="colapse751" should be div id="collapse751".
    Just a small typo.
     
    ekim941, Jul 29, 2013 IP
  3. CostaTEC

    CostaTEC Greenhorn

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #3
    Thank you so much. I really appreciate.
     
    CostaTEC, Aug 1, 2013 IP