Question

Still learning jquery here and I’ve tried to setup a set of divs that expand and then close, however nothing is happening on the close. Can someone explain what I’m doing wrong?

http://jsfiddle.net/N6Jkw/

Thanks!

Answer 1

You are dynamically adding the span.close element.

So you need to use the .live method to bind the events..

$("span.close").live('click', function() {
    $(this).parent('.post-big').hide();
    $(this).parent().prev().show();       
   });

Also note that i used prev as there is no next element (and you seem to want to bring back the one you close earlier..)..

working demo at http://jsfiddle.net/gaby/N6Jkw/1/