javascript - 切换 li 内 ul 的高度并设置动画

Question

我在 li 中有一个列表，当单击父 li 时需要滑入 View 。

我的代码工作得很好，但如果我单击任何 li，所有子列表都会显示在哪里，因为我希望它仅适用于被单击的列表...

$("#offering li").click(function() {
        $("#offering li ul").animate({height: "toggle"}, 1000);
    });


<ul id="offering">
     <li class="t current"><a href="#solutions"><span>sage solutions</span></a>
                    <ul>
                        <li><a href="#">50</a></li>
                        <li><a href="#">200</a></li>
                        <li><a href="#">CRM</a></li>
                    </ul>
                </li>
     <li class="m"><a href="#management"><span>solutions</span></a>
                  <ul>
                      <li><a href="#">50</a></li>
                      <li><a href="#">200</a></li>
                      <li><a href="#">CRM</a></li>
                  </ul>
              </li>
     <li class="b"><a href="#thirdparty"><span>third party additions</span></a></li>
            </ul>

Answer 1

$(this).find("ul").animate({height: "toggle"}, 1000);