怎么让点击下一个BOX时当前box下的ul隐藏

<!DOCTYPE html>




<br> h1{cursor: pointer;background: red;}<br> .on{display: none;}<br> .in{display: block;}<br>



标题一



  • 11

  • 12

  • 13




标题二



  • 21

  • 23




标题三



  • 31

  • 32

  • 33




$("h1").click(function(e){ $("ul").removeClass("in").addClass("on"); var aul=$(this).next(); if (aul.hasClass("in")){ aul.removeClass("in").addClass("on"); }else{ aul.removeClass("on").addClass("in"); }; })

最简单的做法是每个ul添加一个ID，直接$("#id1").hide();$("#id1").show();

我的思路是，先定义一个变量 id 。 var id = $(this).index( ); 获取当前点击元素的下标。 再把所以的box都给隐藏掉，然后再根据 id 把当前的显示出来。可能这样写会占资源了些

你这是想做手风琴吧....可以百度很多手风琴的Demo 参考一下就能做了 代码太多我就懒得打给你了

display：none