javascript - 切换 div 以及添加和删除类

标签 javascript jquery

我有一些想要切换的 div,当我单击下一个 div 时,我可以切换但无法删除类

index.php

<div id="menu_top1" class="menu_top1">LINK 1</div>
<div id="menu_top" class="menu_top">LINK 2</div>
<div id="content_area1" style="display:none;">
  THIS IS LINK 1
</div>
<div id="content_area2" style="display:none;">
  THIS IS LINK 2
</div>

Jquery.js

$('#menu_top1').click(function() {

  $('#content_area1').toggle('slow', function() {
    $('.menu_top1').toggleClass('active');
  });
});

这是一个 fiddle https://fiddle.jshell.net/kunz/t5u6mcmn/

最佳答案

如果您尝试在单击链接并使链接处于事件状态时显示相应的 content_area?你可以检查这个 fiddle

我看到您对多个元素使用相同的 ID。刚刚编辑了它们。

您仍然希望所有元素具有相同的 id(严格不推荐),请检查此 fiddle

关于javascript - 切换 div 以及添加和删除类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35625922/

相关文章:

javascript - 组合两个 Javascript 对象

jquery - 请推荐一个好的JQuery富文本编辑器

javascript - jquery/javascript 函数只能工作一次

javascript - XSL 作为 javascript 函数参数

javascript - 原型(prototype) addMethods 返回 "undefined"

javascript - 如何检测换行符并删除所有换行符

javascript - 在子 div 中滚动(固定)应该滚动父 div

javascript - setTimeout放置在 header 中,我如何限制运行1次

javascript - 设置值后 Chrome 11+(可能还有 IE)不会触发 OnChange

javascript - 如何将 json 对象插入 Google 图表线