Javascript 如何在单击按钮时显示div？

如何在单击按钮时显示.快速链接容器

jsFiddle：

我有显示：没有；设置好了，但我把它取下来了，这样你就可以看到集装箱了

到目前为止，我有这个，但它不起作用：

$('.quicklinks-button').click(function(){$('#quick-links-container').show();});

---

您的元素将其作为一个类，而不是一个id，您希望显示和隐藏它，所以您需要，您的fiddle没有添加jQuery

$('.quicklinks-button').click(
    function () {
        $('.quick-links-container').toggle(1000);
    }
);

---

您忘了在左侧面板的JSFIDEL上添加jQuery库

另外，对于

快速链接容器

，您使用的是

id

（#）选择器，而不是

类

选择器（.）

试试这个：

$('.quicklinks-button').click(function(){
    $('.quick-links-container').toggle();
});

活生生的例子：

试试这个

---

您没有成功，原因如下：

示例文件中没有包含jQuery

在HTML中有一个名为

快速链接容器

的类，但在JS中使用的是返回ID的

#快速链接容器

。因此需要将其更改为“.quick links container”

您只在单击时使用

show（）

，因此单击时div将始终设置为show，您可以使用

toggle（）

切换div的可见性

因此，您的javascript代码需要修改为以下内容：

$('.quicklinks-button').click(function(){ $('.quick-links-container').toggle();});

jsFIDLE:

在这里试试

$('.quicklinks-button').click(function(){ $('.quick-links-container').toggle();});

// you must use toggle
// this is jquery 

$('#hide').click(function(){
var current = $(this).val();
$('p').toggle();

// this will toggle the value of button from show to hide and vice versa

if(current == 'hide'){                
$('#hide').val('show');
}else{
    $('#hide').val('hide');
   }

});