链接打开div（手风琴样式）

Question

I just need div.accordion1 to be opened when I click on a#accordion1 . Im not an expert on Javascript. I have /wp-includes/js/jquery/jquery.js?ver=1.12.4 loading on the page trying to use the simple html layout below:

in the header section:

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

positioned somewhere in the body of page:

<div class="body">

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

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

</div>

Answer 1

if i understand right, you want when you press the toggle button, to show a paragraph, and when you click the same button to hide the specific paragraph

here is a good example from w3-schools https:// www.w3schools.com/howto/howto_js_toggle_hide_show.asp

you have to make a button that calls a function on click

<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>