javascript - SlideToggle 仅在单击的项目上

Question

我用它来显示一个子列表：

    function slidecontent() {
        $('ul.joinus_subtext').slideToggle();
    }

我有这个标记：

    <ul class="joinus">
        <li onclick="slidecontent();">Benefactor
            <ul class="joinus_subtext">
                 <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse lacinia mi a turpis tempor blandit. Vestibulum ante ipsum primis in faucibus orci 
                                luctus et ultrices posuere cubilia Curae; Nullam sit amet ante sed tellus rutrum porta ut non ipsum.</li>
            </ul>
        </li>
        <li onclick="slidecontent();">Protector
            <ul class="joinus_subtext">
                <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse lacinia mi a turpis tempor blandit. Vestibulum ante ipsum primis in faucibus orci 
                                luctus et ultrices posuere cubilia Curae; Nullam sit amet ante sed tellus rutrum porta ut non ipsum.</li>
            </ul>
        </li>
    </ul>

我遇到的问题是，当我单击一个LI 时，它会切换所有，而不仅仅是这个，我如何切换一个，然后如果我打开另一个关闭之前的一个？

Answer 1

尝试这个...

$('ul.joinus_subtext').on('click', function(){
    $(this).slideToggle();
});

并删除onclick="slidecontent();"HTML 中的...

Answer 2

抱歉稍作修改；

<li onclick="slidecontent(this);">

尝试;

function slidecontent(that) {
    $(that).find('ul.joinus_subtext:first').slideToggle();
}