свернуть включить отключить JavaScript

Question

<div class="panel panel-default">
  <div class="panel-heading">
    <h4 class="panel-title">
      <a data-toggle="collapse"  href="#collapse1" >Collapsible Group 1</a>
    </h4>
  </div>
  <div id="collapse1" class="panel-collapse collapse in">
    <div class="panel-body">
                <form action="customerExists">
                Customer ID :<br>
                <input type="text" placeholder= "Enter your customerID" name="custID" id="custID">
                <br>
                <input type="submit">Proceed
                </form>
    </div>
  </div>
</div>

Я хочу отключить расширение этого коллапса с помощью JavaScript. Я попробовал это -

$('#collapse1').hide();

И работает нормально. Есть ли другой хороший способ сделать это с помощью JavaScript? Есть ли у нас функция collapse ()?