jQuery 切换、隐藏和更改类

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