jQuery Toggle,Hide&Change类

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