Edit in JSFiddle

    $(document).ready(function(){ 
         $(".toggle_faq").show();
         $("h3.switch").addClass("active").click(function(){
        $(this).toggleClass("active").next().slideToggle("normal");
        return false;
    });
   }); 

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

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