Advanced Search

Return to Snippet

Revision: 13131
at April 10, 2009 14:02 by aristoworks
Initial Code 
<!-- jQuery Code -->
$(document).ready(function() {
$('#commentbox').hide();

$('a.comment').click(function() {
        var id = $(this).attr('id');
     $('#commentbox' + id).toggle(500);
        // alert(id);
     return false;
     });

}); 


<!-- HTML -->

     <div class="story">
       <div class="storytitle">hello</div>

       <div class="storybg">blah blah blah</div>
       <div class="storybottom"><a href="#" id="3242" class="comment"
name="3242">comment</a></div>
       <div id="commentbox3242" class="commentbox"
style="display:none">comment form</div>
     </div>
Initial URL 
http://www.aristoworks.com
Initial Description 
I used this simple snippet to enable users to "View More Info" which was embedded in a div below each of a list of items.  This is different from many of the simple jQuery examples that only allow you to show/hide one particular div.
Initial Title 
jQuery - Toggle Multiple Elements
Initial Tags 
jquery
Initial Language 
jQuery