我正在寻找一个我试图解决的问题的简单解决方案。
我想要在点击按钮时显示一个下拉列表。再次点击相同的按钮时 - 我希望下拉列表隐藏。
代码:
$(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;
}
});
});
答案 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();
}
});
});