SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Jul 2013
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need help with jQuery Accordion

    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:

    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 -->

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,939
    Mentioned
    215 Post(s)
    Tagged
    12 Thread(s)
    Hi there,

    Welcome to the forums

    You're going to kick yourself when you hear this.
    The reason your third panel isn't working is due to a simple typo.

    Change this (line 176):

    HTML Code:
    <div id="colapse751" class="accordion-body collapse" style="height: 0px;">
    to this:

    HTML Code:
    <div id="collapse751" class="accordion-body collapse" style="height: 0px;">
    That's it.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •