Javascript 通过单击p元素显示/隐藏li

我想通过点击p来显示/隐藏ul。我的HTML如下所示：-

<li class="type_unknown depth_2">
   <p class="tree_item branch">
        <a href="http://moodlelive.dev/mod/wiki/view.php?pageid=1123">
            <span class="glyphicon glyphicon-spacer"></span> &nbsp;Daoust University Refreshs
        </a>
    </p>
   <ul id="yui_3_15_0_4_1495615549528_188">
      <li class="type_unknown depth_3">
         <p class="tree_item leaf">
            <a href="http://moodlelive.dev/mod/wiki/view.php?pageid=1257"><span class="glyphicon glyphicon-spacer"></span> &nbsp;REFRESH DIVERSITEIT</a>
        </p>
      </li>
      <li class="type_unknown depth_3">
         <p class="tree_item leaf">
            <a href="http://moodlelive.dev/mod/wiki/view.php?pageid=1230"><span class="glyphicon glyphicon-spacer"></span> &nbsp;REFRESH DOELGROEPENVERMINDERINGEN</a>
        </p>
      </li>
      <li class="type_unknown depth_3" id="yui_3_15_0_4_1495615549528_187">
         <p class="tree_item leaf wiki_newentry" id="yui_3_15_0_4_1495615549528_186">
            <a href="http://moodlelive.dev/mod/wiki/view.php?pageid=1167"><span class="glyphicon glyphicon-spacer"></span> &nbsp;REFRESH FEESTDAGEN</a>
        </p>
      </li>
      <li class="type_unknown depth_3">
         <p class="tree_item leaf">
            <a href="http://moodlelive.dev/mod/wiki/view.php?pageid=1270"><span class="glyphicon glyphicon-spacer"></span> &nbsp;REFRESH VREEMDELINGEN</a>
        </p>
      </li>
   </ul>
</li>

您可以看到我的li中有一个p标签，还有一个ul标签。布局如下所示：

但我想有可能把它打开或关闭

打开：

关闭：

---

因此，当您单击它时，内容将打开或关闭。我怎样才能做到这一点？

您可以像下面这样做：-

$('.tree_item').click(function(e){
  e.stopPropagation();
  $(this).next('ul').toggle();
});

例如：-

$（'.tree_item'）。单击（函数（e）{
e、 停止传播（）；
$（this.next（'ul'）.toggle（）；
});
ul，li{
列表样式：无；
}












































您可以按如下方式进行操作：-

$('.tree_item').click(function(e){
  e.stopPropagation();
  $(this).next('ul').toggle();
});

例如：-


$（'.tree_item'）。单击（函数（e）{
e、 停止传播（）；
$（this.next（'ul'）.toggle（）；
});
ul，li{
列表样式：无；
}












































Try这是否也可以使用+和-图标，并仅使该按钮可单击？（不是文本）@nielsv是的，有可能这也可以通过+和-图标实现，并且只使该按钮可点击？（不是文本）@nielsv是的，这是可能的