jquery - jQuery Accordion 无法正常工作

Question

我正在尝试使用 HTML 和 JQuery（不使用插件）制作 Accordion 类型的效果。

我认为这很容易，在标题上附加一个听众，向上看父母，向下看主题并展示它，但不。这没用。

小提琴

HTML

<div id="myAccordian">
            <div class="priv-Section">
                <div class="priv-Title">Main</div>
                <div class="priv-Body" style="display:none;">
                    Main Body
                </div>
            </div>
            <div class="priv-Section">
                <div class="priv-Title">Users - CV</div>
                <div class="priv-Body"  style="display:none;">
                    CV Body
                </div>
            </div>
        </div>

jQuery

$(document).ready(function () {
    $(".priv-Title").click(function () {

        $(this).parent().(".priv-Body").first().css("display", "inline");
    });
});

我打算稍后添加 CSS 以使其美观。所以请原谅裸露的骨骼结构。

Answer 1

存在语法错误...您必须使用 next 来获取元素.priv-Body

$( document ).ready(function() {
    alert("hi");
    $(".priv-Title").click(function () {

        $(this).next(".priv-Body").css("display", "inline");
    });
});

Answer 2

也许是这样的？

<div id="myAccordian">
        <h3 class="priv-Title">Main</h3>
        <div class="priv-Body">Main Body</div>
        <h3 class="priv-Title">Users - CV</h3>
        <div class="priv-Body" >CV Body</div>
</div>

jQuery.UI

$( document ).ready(function() {
        $( "#myAccordian" ).accordion();
});

JSFiddle 示例

Answer 3

你甚至检查过控制台吗？

Uncaught SyntaxError: Unexpected token ( on Line 25

第 25 行：$(this).parent().(".priv-Body").first().css("display", "inline");