title: How to hide div html?
body: <pre><code>&lt;div class="navigation-menu w-32 d-flex flex-row"&gt;
     &lt;div class="visible"&gt;&lt;a href="#"&gt;Раздел1&lt;/a&gt;&lt;/div&gt;
     &lt;div class="visible"&gt;&lt;a href="#"&gt;Раздел1&lt;/a&gt;&lt;/div&gt;
     &lt;div class="visible"&gt;&lt;a href="#"&gt;Раздел1&lt;/a&gt;&lt;/div&gt;
     &lt;div class="visible"&gt;&lt;a href="#"&gt;Раздел1&lt;/a&gt;&lt;/div&gt;
     &lt;div class="visible"&gt;&lt;a href="#"&gt;Раздел1&lt;/a&gt;&lt;/div&gt;
     &lt;div id="more-hd more-vis"&gt;&lt;i class="fas fa-chevron-circle-down"&gt;&lt;/i&gt;&lt;/div&gt;  
   &lt;/div&gt;
  </code></pre>
  
  <p>I am trying to hide the last Div.I use bootstrap.So,d-none doesn't help, in css <code>#more-hd display:none</code> also,with JS <code>document.getElementById("more-hd").style.display = "none"</code> too.It is always visible..I also tried with ul > li first..nothing happens</p>