Searching for a simple accordion who works with an older jQuery version I'm forced to use and who doesn't have kilobytes of dependencies I didn't come across anything which suited me.
So I wrote my own starting from this blog post.
Here's a simple accordion using jQuery. First, the markup:
<ul id="accordion"> <a class="accordion-link">Link 1</a> <div class="accordion-contents">Contents 1</div> </li> <a class="accordion-link">Link 2</a> <div class="accordion-contents">Contents 2</div> </li> <a class="accordion-link">Link 3</a> <div class="accordion-contents">Contents 3</div> </li> </ul>
Next, the Javascript code:
$('ul#accordion div.accordion-contents').hide().parent().addClass('accordion-closed'); $('ul#accordion a.accordion-link').click(function() { $('div.contents:visible', $(this).parent().parent()).slideUp('fast').parent().addClass('accordion-closed').removeClass('accordion-opened'); $(this).next('div').slideToggle('fast').parent().addClass('accordion-opened').removeClass('accordion-closed'); });
Trackback URL for this post:
http://voidberg.org/trackback/256


Comments
Misto! Pune un var inaintea lui parent, totusi :)
Corect, îmi scăpase. Însă nu mai e nevoie, am modificat codul niţel şi am scos folosirea variabilei respective.
Post new comment