仅在单击的项目上滑动

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();
});

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

Answer 2

抱歉轻微编辑;

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

尝试;

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