如何设置“隐藏”并在侧边栏菜单上显示

时间:2018-12-02 05:16:16

标签: javascript html

我有一个模板,但是此js模板的IDK错误发生了什么。我想用另一个js来隐藏和显示函数侧边栏。

<div class="mdc-list-group sidebar">// this start sidebar
  <nav class="mdc-list mdc-drawer-menu ">
    <div class="mdc-list-item mdc-drawer-item">
      <a class="mdc-drawer-link" href="<?php echo base_url(); ?>dinas">


        <header class="mdc-toolbar mdc-elevation--z4 mdc-toolbar--fixed">
          <div class="mdc-toolbar__row">
            <section class="mdc-toolbar__section mdc-toolbar__section--align-start">
              <a href="#" class="material-icons mdc-toolbar__menu-icon ">menu</a>//this is for button to click show and hide
              <span class="mdc-toolbar__input">

          </span>
            </section>

我将此代码添加到我的上一个脚本中的</html>

<script>
  function hideSidebar() {
    $(".sidebar").hide();
  }
  hideSidebar();
</script>

但是它仍然不起作用,这有什么问题?非常感谢你

1 个答案:

答案 0 :(得分:0)

您可能在页面加载之前或要隐藏的DOM元素已经出现之前就在执行Javascript部分。

 function hideSidebar() {
    $(".sidebar").hide();
 }

 $(document).ready(function(){
       hideSidebar();   // only execute this after the page has loaded
 });