Question

我希望如此，当我点击Bootstrap Glyphicon时，会显示一个div。我目前有这个HTML（简化）：

<span id="headerdisplaybuttonsxs" class="glyphicon glyphicon-menu-hamburger"> </span>
<div id="headerrightside" class="col-xs-12 col-sm-4"> text... </div>

然后这个JS：

$('#headerdisplaybuttonsxs').click(function()) {
    $('#headerrightside').css("display", "block");
});

所以我基本上希望点击#headerrightside时显示#headerdisplaybuttonsxs。问题是我不能让它工作。

#headerdisplaybuttonsxs CSS属性为display:none。

我尝试了$('#headerrightside').show()，但这似乎不起作用。我怎么能让这个工作？谢谢!!

Answer 1

点击事件功能上有一个拼写错误。

$('#headerdisplaybuttonsxs').click(function() {
    $('#headerrightside').css("display", "block");
});

#headerrightside {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="headerdisplaybuttonsxs" class="glyphicon glyphicon-menu-hamburger">Icon</span>
<div id="headerrightside" class="col-xs-12 col-sm-4"> text... </div>

用JQuery单击不显示Div（CSS - 块/无）

1 个答案: