如何添加和删除类到下一个ul？

Question

Following my previous question答案被接受的地方，我现在处于不同的情况，其中html是以下内容。我所试图做的是一样的，打开/关闭嵌套ULS而其父锚子点击

HTML

<ul> 
    <li><a href="">Text</a> 
    <ul class="closed"> 
     <li><a href="">Two</a> 
      <ul class="closed"> 
       <li><a href="">Three</a> 
       <ul class="closed"> 
        <li><a href="">Four</a></li> 
       </ul> 
       </li> 
      </ul> 
     </li> 
    </ul> 
    </li> 
</ul> 

CSS

.closed { 
    display: none; 
} 

.opened { 
    display: block; 
} 

不工作JS我试过了：

$("a").on("click", function(e) { 
    e.preventDefault(); 
    $(this).parent().next("ul").toggleClass("closed opened"); 
}); 

没有任何反应，也没有错误。

Answer 1

明白了。这是因为一个类的优先级低于style属性。切换我的css的工作顺序：

.opened { 
    display: block; 
} 

.closed { 
    display: none; 
}