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 Example

Answer 3

你甚至检查过控制台了吗？

Uncaught SyntaxError: Unexpected token ( on Line 25

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

jQuery手风琴无法正常工作

3 个答案: