Question

我确信这里已经涵盖了这一点，但我无法找到专门针对此问题的问题。

我在页面中有2个div，就像这样......

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

我需要实现一个onclick，它将隐藏span4 div并将span8 div的类更改为span12，在完成之后能够将其还原（使用jQuery.toggle，我假设）。

我可以成功地做其中一个，但是使用我有限的JS / jQuery知识无法让两件事同时工作！

Answer 1

你应该为你的span8类添加另一个类名，例如： toggleSpan然后

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

假设您要用作触发器的元素具有类clickElement

Answer 2

您可以使用数据属性来帮助您。这应该是这样的：

$('#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');
    }
});

Answer 3

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

点击

调用此功能

Answer 4

试试这个：http://jsfiddle.net/SwANP/

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

jQuery Toggle，Hide＆amp;改变课程

4 个答案: