Question

$('#banner').click(function show_stuff() {
var s = document.getElementById("dropdown_c");
s.style.height = "200px";
s.style.border = "1px solid #e9eaee";
});

点击横幅后，会显示dropdown_c div

再次点击横幅时如何隐藏dropdown_c

这是我的代码，仅显示div不隐藏

我想允许用户在点击横幅

时显示/隐藏此div

Answer 1

$('#banner').click(function() {
      $("#dropdown_c").toggle();
});

Answer 2

试试这个。 Toggle()识别元素的当前状态（显示/隐藏）并将相反的效果应用于所选元素。

<强> CODE：

$('#banner').on('click', function(){

        $('dropdown_c').toggle();

    });

Answer 3

实现起来非常简单，您只需要在每次点击横幅时使用下拉列表中的方法切换（）。另外只需注意一点，你应该坚持一个命名/选择惯例，只是为了更清晰的代码！希望这会有所帮助：）

$('#banner').click(function toggle_stuff() {
    $('#dropdown_c').toggle(); // you can also use slide or fade
});

的jsfiddle： http://jsfiddle.net/DSTQw/

Answer 4

$(document).ready(function(){

$('a').click(function(){

if($('.hide').is(':hidden')){
//alert('hiden');
$('.hide').slideDown('1000');
}
else{
$('.hide').slideUp('1000');
}   
});
});

Fiddle here

jquery如何在点击链接时隐藏div

4 个答案: