如何在点击功能外使用此条件?

时间:2018-02-25 13:06:15

标签: javascript jquery treeview

我写这段代码:

$('.toggler').click(function() {
  $(this).parent().nextAll('ul').toggleClass('closed');
  if ($(this).parent().next('ul') != true) {
    $(this).prev().removeClass('ion-ios-plus-outline');
    $(this).prev().addClass('ion-ios-minus-outline');
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<ul>
  <!-- First level -->
  <li class="branch">
    <!-- btn -->
    <div class="d-flex justfiy-content-between">
      <i class="ion-ios-plus-outline ml-2"></i>
      <span class="toggler ml-3">لول اول</span>
      <span class="btns d-flex">
        <a class="bg-danger" href="">
            <i class="ion-trash-b"></i>
        </a>
        <a class="bg-info mr-2" href="">
            <i class="ion-edit"></i>
        </a>
      </span>
    </div>

    <!-- Second level -->
    <ul class="closed">

      <li class="branch">

        <!-- btn -->
        <div class="d-flex justfiy-content-between">
          <i class="ion-ios-plus-outline ml-2"></i>
          <span class="toggler ml-3">لول دوم</span>
          <span class="btns d-flex">
            <a class="bg-danger" href="">
                <i class="ion-trash-b"></i>
            </a>
            <a class="bg-info mr-2" href="">
                <i class="ion-edit"></i>
            </a>
          </span>
        </div>

      </li>

    </ul>

  </li>

  <!-- First level -->
  <li class="branch">

    <!-- btn -->
    <div class="d-flex justfiy-content-between">
      <i class="ion-ios-plus-outline ml-2"></i>
      <span class="toggler ml-3">لول اول</span>
      <span class="btns d-flex">
        <a class="bg-danger" href="">
            <i class="ion-trash-b"></i>
        </a>
        <a class="bg-info mr-2" href="">
            <i class="ion-edit"></i>
        </a>
      </span>
    </div>

  </li>

</ul>

我在这个点击功能中有一个条件,它很好用。但是当我点击那个按钮时它才有效,但是我希望这个条件在这个点击功能之外工作!

0 个答案:

没有答案