SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2008
    Location
    Washington DC
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    jQuery Accordion with Tabular Content

    I have been playing with jQuery Accordions since learning about them in JQUERY: Novice to Ninja. I haven't been having much problems with them when the content was in an unordered list, and the first one was open by default.

    However, when I tried to use in a table, I failed:

    http://www.technologistsinc.com/about_ti/careers.php

    What I want to have happen:
    1. When one Job Description opens, any other Job Description that is already open now closes
    2. When I click the link in the right-side callout, it opens the relevant Job Description content.


    I have tried many different iterations without success. Please let me know what I am missing....

  2. #2
    SitePoint Enthusiast nimpkish-media's Avatar
    Join Date
    Jun 2010
    Location
    Victoria BC, Canada
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I quickly built a simple jQuery Accordion example for you to look at. It is a simplified version of what you built, but does address your two issues.

    Take at look here ... http://www.nimpkish.com/blog/jquery-accordion-demo

    Good luck!

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2008
    Location
    Washington DC
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I really don't see how this will work ... but I will look at it closer once I have a few minutes of free time (the site launch has got me working overtime on everything except what I want to work on!)

  4. #4
    Learning... tahirjadoon's Avatar
    Join Date
    Jan 2003
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    nimpkish-media,

    I followed your tutorial and used css and div tags. For me, when the items slide up, i loose the space between the heading and the content. Since this is related to css, my question is located at the following link. Would you be able to look into it?
    http://www.sitepoint.com/forums/show....php?p=4649610

    Thanks
    The beauty of life is not dependent on how happy you are,
    but on how happy others can be because of you...

  5. #5
    SitePoint Enthusiast
    Join Date
    Jul 2008
    Location
    Washington DC
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by nimpkish-media View Post
    I quickly built a simple jQuery Accordion example for you to look at. It is a simplified version of what you built, but does address your two issues.

    Take at look here ... http://www.nimpkish.com/blog/jquery-accordion-demo

    Good luck!
    This is beautiful! Elegant, simple, and it works so well!

    God bless you for helping me on this. I really appreciate it. Here is the finished product:

    http://www.technologistsinc.com/about_ti/careers.php


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
  •