Search jQuery

jQuery Forum

Using jQuery

tulio69tm

[solved]tooggle only these divs

in Using jQuery • 9 years ago

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?

Replies(3)

jakecigar

Re: tooggle only these divs

9 years ago

since all this activity happens in the post_footer, I start by finding all of them.

$('.post_footer').each(function(){ // each post_footer
var pc=$('.pluscontent',this) // the pluscontent for that post_footer
$('.showPlus',this).click(function(){ // the showPlus for that post_footer
pc.show('slow') // show it
})
$('.hidePlus',this).click(function(){ // the hidePlus for that post_footer
pc.hide('slow') // hide it
})
})

JΛ̊KE

tulio69tm

Re: tooggle only these divs

9 years ago

A use of 'this' which i didn't know :D

it works nice, thank you ;)

jakecigar

Re: Re: tooggle only these divs

9 years ago

$('.showPlus',this)

is the same as

$(this).find('.showPlus')

only shorter!

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

[solved]tooggle only these divs

Replies(3)

Re: tooggle only these divs

Re: tooggle only these divs

Re: Re: tooggle only these divs

Statistics

Tags

Actions