Result

jQuery

    $(document).ready(function(){ 
         //開いた状態にする
         $(".toggle_faq").show();
         //h3にclass="active"を加えてからクリックイベント
         $("h3.switch").addClass("active").click(function(){
         //class付加やスライドをtoggleさせる
        $(this).toggleClass("active").next().slideToggle("normal");
        return false;
    });
   }); 

css

h3.switch {
    font-size: 22px ;
    padding:3px 0 3px 22px ;
    border-left: 3px solid #e91b1b;
    margin-bottom: 2px ;
    color: #282828 ;
    cursor:pointer;
}

h3.active {
    color: red;
}

.toggle_faq {
    overflow: hidden;
    padding: 5px 10px;
}

html

<h3 class="switch">Panel 01</h3><div class="toggle_faq">Panel 01 now open</div>
<h3 class="switch">Panel 02</h3><div class="toggle_faq">Panel 02 now open</div>
<h3 class="switch">Panel 03</h3><div class="toggle_faq">Panel 03 now open</div>
<h3 class="switch">Panel 04</h3><div class="toggle_faq">Panel 04 now open</div>

Warning: include(/home/youhei0828/kachibito.net/public_html/wp-content/themes/cocoon-master/my-php/jquery-other-snippets.php): Failed to open stream: No such file or directory in /home/youhei0828/kachibito.net/public_html/wp-content/themes/kachibito7_with_cocoon_child/functions-module/shortcode/add-post-myphp.php on line 7

Warning: include(): Failed opening '/home/youhei0828/kachibito.net/public_html/wp-content/themes/cocoon-master/my-php/jquery-other-snippets.php' for inclusion (include_path='.:/opt/php-8.1.32-2/data/pear') in /home/youhei0828/kachibito.net/public_html/wp-content/themes/kachibito7_with_cocoon_child/functions-module/shortcode/add-post-myphp.php on line 7