javascript - 无法显示和隐藏div

Question

 <ol class="novice">
<li>
    <p class="glava">HTML</p>
    <div class="vsebina">
        <p>Hyper Text Markup Language (slovensko jezik za označevanje nadbesedila...</p>
    </div>

</li>
<li>
    <p class="glava">CSS</p>
    <div class="vsebina">
        <p>Cascading Style Sheets (kratica CSS) so predloge, ki določajo izgled ...</p>
    </div>
</li>

当我单击 p class="glava" 时，我希望显示位于此 li 中的特定 div( .show()) 和所有其他 (div) 都被隐藏。我大约有十里。

$("p.glava").click(function () {
    $(something).show();
    //$(everything else ).hide();

Answer 1

带有幻灯片切换动画

$(".glava").click(function () {
    $(this).closest('li').find('.vsebina').slideToggle('slow');
});

带有淡入淡出切换动画

$(".glava").click(function () {
    $(this).closest('li').find('.vsebina').fadeToggle('slow');
});

只是为了隐藏

$(".glava").click(function () {
    $(this).closest('li').find('.vsebina').hide();
});