如何创建仅在单击<按钮>时出现的列表?</button>

时间:2014-06-17 07:28:13

标签: javascript jquery css button

我试图制作一个按钮,点击该按钮会使列表显示/消失。

我如何将这两者联系起来?

Javascript是最好的选择,还是可以用CSS实现?

3 个答案:

答案 0 :(得分:0)

据我所知,maka div包含您需要在点击时显示的所有内容。然后写入按钮的单击功能,并使用show()或切换功能显示div。

$( "#buttonid" ).click(function() {
$('#divtoshow').show();
});

而不是show()也可以使用toggle()。

答案 1 :(得分:0)

jQuery会帮助你。

您可以使用click事件和show来实现此目标

答案 2 :(得分:0)

使用jquery非常简单。

$("#buttonID").on('click',function(){
$("listID").toggleClass("contentVisibulity");

});

<强> CSS

.contentVisibulity{
display:none;
}

Jquery Doc