javascript - Slidetoggle jquery 打开所有内容而不隐藏其他 li

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时，它会切换所有LI，而不仅仅是这个，

我想要实现的是，如果我点击一个，它会显示其内容，如果我点击另一个，它会隐藏打开的内容并打开我点击的内容。有什么想法可以做到这一点吗？

Answer 1

您使用的选择器$('ul.joinus_subtext')将为您提供所有带有类joinus_subtext和函数的ul >slideToggle 将应用于所有这些，将要滑动的元素的父对象传递给 javascript 函数，并将其作为 context 传递给 selector .

<强> Live Demo

HTML

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

Javascript

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