<div class="accordion_parent">
    <a class="accordion_button" href="javascript: void(0);">למה השמים כחולים?</a>
    <div class="accordion_content">בגלל שבירת קרני השמש</div>
    <a class="accordion_button" href="javascript: void(0);">מה היא החיה הגדולה ביותר?</a>
    <div class="accordion_content">ליוויתן כחול. אורכו מגיע ל30 מטרים!</div>
</div>

<br />
<br />
<br />
<br />
<a href="">את המדריך השלם תוכלו לקרוא כאן</a>
.accordion_content{
    display: none;
}
jQuery('.accordion_button').on('click', function(e){
    e.preventDefault();
    jQuery(this).next().slideToggle();
});
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js