Jquery 防止自动显示下拉菜单

如何防止在删除jQuery中的“隐藏”类时自动显示下拉菜单：

html:

<div class="btn-group btn-group-xs friend-request tooltiped" data-toggle="tooltip" title="Add as friend" >
  <button type="button" class="btn btn-success add-friend-single-btn no-friend-sent dropdown-toggle" data-toggle="dropdown" data-profile-id="1">
    <i class="fa fa-user-plus"></i> Friend 
  </button>
  <ul class="dropdown-menu hidden">
    <li class="cancel-friend-request" data-profile-id="1">
      <a href="#">Cancel</a>
    </li>
  </ul>
</div>

  $('body').on('click', '.add-friend-single-btn', function() {

    //Send friend request
    if($(this).hasClass('no-friend-sent')){
      var obj = $(this);
      var to_user_id = obj.attr('data-profile-id');

      obj.css('background', '#d24d33');
      obj.html('<i class="fa fa-user-plus"></i> Pending <span class="caret"></span>');
      obj.addClass('is-pending-friend-request');
      obj.removeClass('no-friend-sent');

      obj.closest('.friend-request').find('ul').removeClass('hidden');
    }

  });

朋友

jQuery:

<div class="btn-group btn-group-xs friend-request tooltiped" data-toggle="tooltip" title="Add as friend" >
  <button type="button" class="btn btn-success add-friend-single-btn no-friend-sent dropdown-toggle" data-toggle="dropdown" data-profile-id="1">
    <i class="fa fa-user-plus"></i> Friend 
  </button>
  <ul class="dropdown-menu hidden">
    <li class="cancel-friend-request" data-profile-id="1">
      <a href="#">Cancel</a>
    </li>
  </ul>
</div>

  $('body').on('click', '.add-friend-single-btn', function() {

    //Send friend request
    if($(this).hasClass('no-friend-sent')){
      var obj = $(this);
      var to_user_id = obj.attr('data-profile-id');

      obj.css('background', '#d24d33');
      obj.html('<i class="fa fa-user-plus"></i> Pending <span class="caret"></span>');
      obj.addClass('is-pending-friend-request');
      obj.removeClass('no-friend-sent');

      obj.closest('.friend-request').find('ul').removeClass('hidden');
    }

  });

$（'body'）。在（'click'，'上。添加好友单btn'，函数（）{
//发送好友请求
if（$（this）.hasClass（'no-friend-sent'））{
var obj=$（本）；
var to_user_id=obj.attr（'data-profile-id'）；
对象css（'background'，'#d24d33'）；
html（'Pending'）；
obj.addClass（'is-pending-friend-request'）；
对象removeClass（'no-friend-sent'）；
对象最近（'.friend request'）.find（'ul'）.removeClass（'hidden'）；
}
});

---

据我所知，您需要这个。试试这个

  $('body').on('click', '.add-friend-single-btn', function(event) {

    if ($(this).hasClass('no-friend-sent')) {
      event.stopPropagation();
    }
    //Send friend request
    if ($(this).hasClass('no-friend-sent')) {

      var obj = $(this);
      var to_user_id = obj.attr('data-profile-id');

      obj.css('background', '#d24d33');
      obj.html('<i class="fa fa-user-plus"></i> Pending <span class="caret"></span>');
      obj.addClass('is-pending-friend-request');
      obj.removeClass('no-friend-sent');
      obj.closest('.friend-request').find('ul').removeClass('hidden');
    }

  });

$（'body'）。在（'click'，'上。添加好友单btn'，函数（事件）{
if（$（this）.hasClass（'no-friend-sent'））{
event.stopPropagation（）；
}
//发送好友请求
if（$（this）.hasClass（'no-friend-sent'））{
var obj=$（本）；
var to_user_id=obj.attr（'data-profile-id'）；
对象css（'background'，'#d24d33'）；
html（'Pending'）；
obj.addClass（'is-pending-friend-request'）；
对象removeClass（'no-friend-sent'）；
对象最近（'.friend request'）.find（'ul'）.removeClass（'hidden'）；
}
});

像这样，如果没有，请解释当我点击friend按钮时会发生什么我想删除下拉菜单中的隐藏类，但我不想显示它我想只在点击事件时显示下拉菜单，在删除隐藏类后，您共享的JSFIDE是您想要实现的吗？？我们不太清楚你的问题不，我的JSFIDLE中有一个问题。。。。。当我点击“朋友”按钮时，我想删除下拉菜单中的“隐藏”类，但我不想自动显示它。仅当我单击“挂起”按钮时才显示下拉菜单