Question

点击 a＃accordion1 时，我只需要打开 div.accordion1 。我不是Javascript的专家。我在页面上加载/wp-includes/js/jquery/jquery.js?ver=1.12.4尝试使用下面的简单html布局：

标题部分中的

：

<div class="header">
    <a href="#accordion1">toggle open / close accordion1</a>
    <a href="#accordion2">toggle open / close accordion2</a>
</div>

位于页面正文的某处：

<div class="body">

    <div class="accordion1">
        Lorem Ipsum....
    </div>

    <div class="accordion2">
        Lorem Ipsum....
    </div>

</div>

Answer 1

如果我理解正确，你想按下切换按钮，显示一个段落，当你点击相同的按钮隐藏特定的段落

这是w3学校的一个很好的例子 HTTPS：// www.w3schools.com/howto/howto_js_toggle_hide_show.asp

你必须制作一个按钮，点击

调用一个功能

<button onclick="myFunction()">Try it</button>

<div id="myDIV">
This is my DIV element.
</div>


<script>
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display === "none") {
    x.style.display = "block";
} else {
    x.style.display = "none";
}
}
</script>

链接打开div（手风琴式）

1 个答案: