0

これを使用してサブリストを表示しています：

    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>

私が抱えている問題は、1 つのLI をクリックすると、この 1 つだけでなくすべてが切り替わることです。1 つを切り替えるにはどうすればよいですか?

4

2 に答える 2

1

これを試して...

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

そしてonclick="slidecontent();"、HTML の を削除します...

于 2013-02-08T14:00:54.540 に答える
0

少し編集して申し訳ありません。

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

試す;

function slidecontent(that) {
    $(that).find('ul.joinus_subtext:first').slideToggle();
}
于 2013-02-08T13:56:43.783 に答える