如何使用jquery切换这样的下拉列表并加载

时间:2018-02-11 22:31:25

标签: jquery

我正在寻找一个我试图解决的问题的简单解决方案。

我想要在点击按钮时显示一个下拉列表。再次点击相同的按钮时 - 我希望下拉列表隐藏。

代码:

$(document).ready(function(){   
    $(".QuestionShareBtn").click(function() {
        var clicks = 0;
        if (clicks == 0){
            $(".DropShare").show();
            $('.DropShare').load('share.php');
            var clicks = 1;
        } else if (clicks == 1){
            $(".DropShare").hide();
            var clicks = 0;
        }
    });
});

1 个答案:

答案 0 :(得分:1)

您的问题中所写的代码将始终处于if状态,因为您在测试条件之前设置了clicks = 0;

现在回答你的问题,你需要做的就是测试for display:none来交替显示和隐藏。

$(document).ready(function() {
  $(".QuestionShareBtn").click(function() {
    if ($(".DropShare").css('display') == 'none') {
      $(".DropShare").show();
      $('.DropShare').load('share.php');
    } else {
      $(".DropShare").hide();
    }
  });
});