jQuery切換，隱藏和更改類

我確信這應該已經在這裏覆蓋，但我一直沒有找到具體處理這個問題。jQuery切換，隱藏和更改類

我有2個div的一個頁面內，像這樣...

<div class="span4 section"> 
    ...content... 
</div> 
<div class="span8 section"> 
...content... 
</div>

我需要實現一個onclick，將隱藏的span4股利和更改類的span8股利span12的，之後已完成能夠恢復它（使用jQuery.toggle，我假設）。

我可以成功做一個或另一個，但不能同時使用我有限的JS/jQuery知識同時工作的兩件事情！

來源

2013-02-08 Lee

onclick什麼？ – 2013-02-08 15:16:35

你應該添加另一個類的名字你span8類，例如toggleSpan然後

$('.clickElement').click(function() { 
    $('.span4').toggle(); // this toggles only visibility 
    $('.toggleSpan').toggleClass('span8 span12'); 
});

假設你要用作觸發器的元素具有類clickElement

來源

2013-02-08 15:22:04 tmaximini

謝謝！正是我需要的！ – Lee 2013-02-08 15:24:05

$(this).toggleClass('span12 section'); 
$('.class="span4 section").hide();

調用這個函數上點擊

來源

2013-02-08 15:20:44 Garry

感謝您的回覆。我已經得到了那麼多，但正如我的問題所示 - 我正在努力完成這一點，同時隱藏span4 div – Lee 2013-02-08 15:22:06

試試這個：http://jsfiddle.net/SwANP/

$('.section').click(function(){ 
    $('.section:eq(0)').toggleClass('span4'); 
    $('.section:eq(1)').toggleClass('span8 span12'); 
});

來源

2013-02-08 15:23:08 Jai

您可以使用數據屬性來幫助你們。這應該看起來像這樣：

$('#target').click(function(event){ 
    if ($(this).data('toggled') == '1') { 
     $('.span8').addClass('span12').removeClass('span8'); 
     $(this).data('toggled', '0'); 
    } else { 
     $('.span12').addClass('span8').removeClass('span12'); 
     $(this).data('toggled', '1'); 
    } 
});

來源

2013-02-08 15:24:39 imerovic

jQuery切換，隱藏和更改類

回答

相關問題