Javascript 仅在单击的项目上滑动切换

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

    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>

施主

Lorem ipsum dolor sit amet，是一位杰出的献身者。我是一个暂时的温和的turpis。股东方肌同侧前前庭
卢克图斯和乌尔特里塞斯波苏尔库里亚；在非同侧门前，不允许使用红色素


保护器

Lorem ipsum dolor sit amet，是一位杰出的献身者。我是一个暂时的温和的turpis。股东方肌同侧前前庭
卢克图斯和乌尔特里塞斯波苏尔库里亚；在非同侧门前，不允许使用红色素

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

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

试试这个

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

并删除HTML中的

onclick=“slidecontent（）；”

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