$(function () {
    $(".section_services .acc:not(:first-of-type) .answer").css("display", "none");
    $(".section_services .acc:first-of-type h5").addClass("open").parent().addClass('is-open');
   
    $(".section_services .acc h5").click(function () {
      $(".open").not(this).removeClass("open").next().slideUp(300).parent().toggleClass('is-open');
      $(this).toggleClass("open").next().slideToggle(300).parent().toggleClass('is-open');
    });
  });


 
Html Accord

<div class="acc-container">        
                <div class="acc">
                    <h6>What is Sahra</h6>
                    <div class="answer">
                        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore magnam, nobis consequuntur nemo cupiditate vel sit ducimus quisquam quaerat sint officia ad voluptas consectetur beatae quis illo accusamus vero odit, architecto et.</p>
                    </div>
                </div>
                <div class="acc">
                    <h6>What is Sahra</h6>
                    <div class="answer">
                        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore magnam, nobis consequuntur nemo cupiditate vel sit ducimus quisquam quaerat sint officia ad voluptas consectetur beatae quis illo accusamus vero odit, architecto et.</p>
                    </div>
                </div>
                <div class="acc">
                    <h6>What is Sahra</h6>
                    <div class="answer">
                        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore magnam, nobis consequuntur nemo cupiditate vel sit ducimus quisquam quaerat sint officia ad voluptas consectetur beatae quis illo accusamus vero odit, architecto et.</p>
                    </div>
                </div>
            </div>