jquery 接下来与 ol

Question

我想在单击链接时切换订单列表

<li id="1" style="display: list-item;">
    <div class='group'>
        <div style='float:left;'>
            <span>&nbsp;</span>
            **<a class='expand' href='#'>Group 1</a>**
        </div>
        <div style='float:right;'>
            <a href='#'>Edit</a>
            <a href='#'>Delete</a>
        </div>
        <div style='clear:both;'></div>
    </div>
    **<ol style='display:none;'>**
        <li id="2" style="display: list-item;">
            <div class='patent'>
                <div style='float:left;'>
                    <span>&nbsp;</span>
                    <a href='#'>Patent 1</a>
                    <em>The description of patent 1</em>
                </div>
                <div style='float:right;'>
                    <a href='#'>Edit</a>
                    <a href='#'>Delete</a>
                </div>
                <div style='clear:both;'></div>
            </div>
        </li>
        <li id="3" style="display: list-item;">
            <div class='patent'>
                <div style='float:left;'>
                    <span>&nbsp;</span>
                    <a href='#'>Patent 2</a>
                    <em>The description of patent 2</em>
                </div>
                <div style='float:right;'>
                    <a href='#'>Edit</a>
                    <a href='#'>Delete</a>
                </div>
                <div style='clear:both;'></div>
            </div>
        </li>
    **</ol>**
</li>

当我点击粗体链接时，我希望切换 ol。同一类可以有很多 ol 和很多链接。

我的尝试是

<script>
$(document).ready(function(){
    $('.expand').click(function() {
        $(this).closest('ol').slideToggle('slow');
    });
});
</script>

Answer 1

你应该这样做

$(document).ready(function(){
    $('.expand').click(function() {
        $(this).closest('li').find('ol').slideToggle('slow');
    });
});

附注:如果我没记错的话，数字不是有效的 ID