jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<ul class="categoryTree" dataid="5f4cbea43a357">
  <li class="stockTreeCollapse">
    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <button dataid="3" class="btn btn-primary openStockOverview" type="button"><i class="fas fa-folder-open"></i></button>
      </div>
      <div class="stockTreeItemHelperClick">
        <input type="text" class="form-control stockTreeItemHelper notSelectableText" disabled="" placeholder="" datatype="6" dataid="3" dataname="Schrottlager" value="Schrottlager">
      </div>
    </div>
  </li>
  <li class="stockTreeCollapse">
    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <button dataid="4" class="btn btn-primary openStockOverview" type="button"><i class="fas fa-folder-open"></i></button>
      </div>
      <div class="stockTreeItemHelperClick">
        <input type="text" class="form-control stockTreeItemHelper notSelectableText" disabled="" placeholder="" datatype="7" dataid="4" dataname="Standardlager" value="Standardlager">
      </div>
    </div>
  </li>
  <li class="stockTreeCollapse">
    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <button dataid="5" class="btn btn-primary openStockOverview" type="button"><i class="fas fa-folder-open"></i></button>
      </div>
      <div class="stockTreeItemHelperClick">
        <input type="text" class="form-control stockTreeItemHelper notSelectableText" disabled="" placeholder="" datatype="0" dataid="5" dataname="Hauptlager Essen" value="Hauptlager Essen">
      </div>
    </div>
    <ul class="categoryTree" style="display: none;" dataid="5f4cbea43a368">
      <li class="stockTreeCollapse">
        <div class="input-group mb-3">
          <div class="input-group-prepend">
            <button dataid="11" class="btn btn-primary openStockOverview" type="button"><i class="fas fa-folder-open"></i></button>
          </div>
          <div class="stockTreeItemHelperClick">
            <input...

JavaScript

$(".stockTreeItemHelperClick").bind("click", function(event) {

  $(this).parent().parent().children().each(function() {
    var tag = $(this).prop("tagName").toLowerCase();
    if (tag == "ul") {
      $(this).toggle();
    }
  });
});