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