How to slide/reveal content properly
> Test Page
On the above test page, I would like to add some slide effects to the boxes that are revealed on click. I'm not much experienced with jQuery, but I figure I need to do some kind of testing to know if the user is clicking on a non "active" tab link - if so, close the active box and open the details box of the link just clicked. If clicking on the already active box don't do anything.
I'm currently using this code near the bottom of the HTML page:
$( ".nav-tabs li" ).click(function() {
$( ".nav-tabs li.active .details" ).slideToggle( "slow", function() {
//alert("clicked");
});
});
Mostly because I can actually see some changes when I use slideToggle(). I haven't gotten slide() to do anything. I'm wondering if accordion() will work with these elements too, or if that only works with header tags.