Loading...

Search jQuery

Search

jQuery Forum

Using jQuery Plugins

Jquery addRemove Class - If statement

in Using jQuery Plugins • 10 years ago

I need when I click Toggle for the jQuery to remove .hidesome and change it to .show and vise versa.

Can not get this...it's been 4 hours of searching.

<a href="#" class="button">Toggle</a>
<div class="signatureContain">
<div class="signature hidesome">
When the button above is pressed you should see the rest<br />
"the rest"
</div>
</div>
<a href="#" class="button">Toggle</a>
<div class="signatureContain">
<div class="signature hidesome">
When the button above is pressed you should see the rest<br />
"the rest"
</div>
</div>

('.signatureContain').live('click',function(){
if ($(this).hasClass('hidesome'))
{
$(this).removeClass('hidesome');
$(this).addClass('show');
} else
{
$(this).removeClass('show')
$(this).addClass('hidesome');
}
});

.hidesome{ height:20px;overflow:hidden}
.show{ height:auto }

http://jsfiddle.net/w3Hg3/

Solved:
http://stackoverflow.com/questions/14470844/jquery-addremove-class-if-statement

1

Replies(2)

Re: Jquery addRemove Class - If statement

10 years ago

Hi gcskye,

Try this instead or ur jquery code,

$(document).ready(function(){
$('.button').click(function(){
var idx = $(".button").index(this);
$('.hidesome').eq(idx).toggleClass('show')
});
})

kbwood.au

Re: Jquery addRemove Class - If statement

10 years ago

Try this:

$(function() {
$(document).on('click', 'a.button', function() {
$(this).next('div.signatureContain').
find('div.signature').toggleClass('show hidesome');
return false;
});
});