Question

我有这个标记：

<div> TEXT <a class="toggle-action"> TOGGLE </a></div>
<dl class="collapsed">
  ...

</dl>
<dl class="collapsed">
  ...
</dl>

当我点击切换链接时，下面的所有<dl>元素都应该将其类从展开切换为折叠并返回。但只有第一级DL，因为其中一些可能有DD个元素与其他DL ...

如何使用javascript执行此操作？

我知道如何使用jQuery，但我想避免它，因为它为这件事增加了太多的负载。

目前我有这个：

document.addEventListener('click', function(e){

  // my link
  if(e.target.className.indexOf('toggle-action') !== -1){
     // here how to select DLs?
  }

});

：）

Answer 1

参考以下链接： - http://www.daniweb.com/web-development/javascript-dhtml-ajax/code/217121/changing-the-classname

它试图像你一样做类似的东西但是在js

使用javascript在一组元素上切换类

1 个答案: