1

我确信这里应该已经涵盖了这一点，但我无法找到专门处理这个问题的问题。

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

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

我需要实现一个onclick，它将隐藏span4 div并将span8 div的类更改为span12，然后可以将其恢复（我假设使用jQuery.toggle）。

我可以成功地做一个或另一个，但不能使用我有限的 JS/jQuery 知识同时让这两件事工作！

4

4 回答 4

5

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

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

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

于 2013-02-08T15:22:04.313 回答
1

您可以使用数据属性来帮助您解决此问题。这应该看起来像这样：

$('#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-08T15:24:39.230 回答
0 
$(this).toggleClass('span12 section');
$('.class="span4 section").hide();

单击时调用此函数

于 2013-02-08T15:20:44.167 回答
0

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

$('.section').click(function(){
   $('.section:eq(0)').toggleClass('span4');
   $('.section:eq(1)').toggleClass('span8 span12');
});
于 2013-02-08T15:23:08.570 回答