Div不显示点击与JQuery (CSS -块/无)

Div Not Displaying On Click With JQuery (CSS - Block/None)

本文关键字：-块 CSS JQuery 显示 Div      更新时间：2023-09-26

我希望它，所以当我点击一个引导图标一个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具有display:none的CSS属性

我试过$('#headerrightside').show()，但这似乎不起作用。我怎么才能让它工作呢?谢谢你! !

点击事件函数有一个错别字。

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

相关文章：