1 
$('#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

4

4 回答 4

1 
$('#banner').click(function() {
      $("#dropdown_c").toggle();
});
于 2013-09-19T00:30:55.423 回答
1

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

代码：

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

        $('dropdown_c').toggle();

    });
于 2013-09-19T00:33:09.727 回答
0

这真的很容易实现，你所要做的就是在每次点击横幅时使用下拉菜单上的方法 toggle() 。也只是一个旁注，你应该坚持一个命名/选择约定，只是为了更清晰的代码！希望这可以帮助 ：）

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

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

于 2013-09-19T00:31:23.110 回答
0 
$(document).ready(function(){

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

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

在这里提琴

于 2013-09-19T00:59:49.757 回答