So my blog's posts is basicly like this:
- <div id='blogposts'>
- <div class='post' id='post'>
- <div class='post' id='post'>
- ...
- <div class='post' id='post'>
- <div class='post_top'>
- <div class='entry'>
- <div class='post_footer'>
- <input type="button" class='showPlus'/>
- <div class="pluscontent"><input type="button" class='hidePlus'</div>
- </div>
- </div>
- </div>
"pluscontent" is initially hide, when "showPlus" is clicked it and "pluscontent" must toogle and when "hidePlus" is clicked "showPlus" and "pluscontent" must toogle, but this must happen ONLY with the post involved
what i tried:
- $('.showPlus ').click(function(){
- $('. showPlus,.pluscontent').toggle("slow");
- });
- $('.hidePlus').click(function(){
- $('. showPlus,.pluscontent').toggle("slow");
- });
But it happens with all posts...
what should i do?