Change style of collapse to have arrow and still collapse

Hi I am using the normal bootstrap panel but i want it look like this and have the it collapse open or close, is it possible?

my code:

	 <div class="panel-group" id="accordion" >
    <div class="panel panel-default"  style="border:none;background-color:white">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Ingredients</a>
        </h4>
      </div>
      <div id="collapse1" class="panel-collapse collapse in">
        <div class="panel-body">stuff</div>
      </div>
    </div>
</div

Select allOpen in new window