Javascript jquery如何在单击链接时隐藏div

单击横幅时，将显示下拉列表

再次单击横幅时如何隐藏下拉列表

这是我的代码，只是为了显示不隐藏的div

---

我想允许用户在单击横幅时显示/隐藏此div。这很容易实现，每次单击横幅时只需使用下拉列表中的方法toggle（）。还有一点需要注意的是，您应该坚持一种命名/选择约定，以获得更清晰的代码！希望这有帮助：）

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

JSFIDDLE： 试试这个<代码>切换（）识别元素的当前状态（显示/隐藏），并对选定元素应用相反的效果

代码：

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

---

使用。你能帮我处理代码吗^^使用-undefined&&MattDiamant提供的链接。在页面上编写示例代码。

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

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

        $('dropdown_c').toggle();

    });

$(document).ready(function(){

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

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