Jquery addRemove類 - 如果語句

Question

我需要當我點擊切換爲jQuery刪除.hidesome並將其更改爲.show和反之亦然。

不能得到這個......已經過了4個小時的搜索。

<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/

Answer 1

使用toggleClass方法。

$('.signatureContain').on('click', function(event){ 
    $(this).toggleClass("hidesome show"); 
}); 

Answer 2

您可以使用.toggleClass，但我覺得你有點過了很多你的代碼的其餘部分。代替與.signatureContain綁定，您可能想要綁定到.button並找到兄弟.signatureContain，然後是其子.signature子。你也錯過了$。我定的是在這裏：

http://jsfiddle.net/w3Hg3/3/

.toggleClass版本：http://jsfiddle.net/w3Hg3/5/

Answer 3

記住的事件監聽器設置爲按鈕，而不是容器.signatureContain

$('a.button').on('click',function(){ 
    $(this).next('.signatureContain').children('.signature').toggleClass('show'); 
}); 

。對是性能比活更好：http://www.jquery4u.com/jquery-functions/on-vs-live-review/

通過使用chil你可以具體比尋找更多。

DEMO：http://jsfiddle.net/3H4ym/