Menu jak zrobić żeby po kliknięciu w danego diva nie zamykał się

Question

Witam

Mam zrobione menu które otwiera się gdy kliknę w ikonkę i zamyka jeżeli kliknę znowu w ikonkę lub jeżeli klikne poza obszar menu, tylko mam problem z tym obszarem bo jak klikne w diva który odpowiada za menu to i tak się zamyka a chciałbym jakoś wyłączyć tego diva żeby nie zamykało się menu po kliknięciu w niego, próbowałem z not ale coś mi nie wychodzi :(

$('#left-menu-open').click(function(event){
    event.stopPropagation();

    $('#left-menu').toggle(300);

    $(':not(#left-menu-open)').click(function() {
        $('#left-menu').hide(300);
    });
});

 

Comments

Pokaż jeszcze kod HTML.

---

                    <div id="left-menu" class="left-menu">
                        <ol>
                            <li><a href="{{ path('homepage') }}"><span class="fas fa-home fa-fw"></span>Strona głowna</a></li>
                        </ol>
                    </div>

<span id="left-menu-open" class="fas fa-bars fa-fw"></span>

 

Answer 1

$(document).click(function(event) {
    if (!$(event.target).closest('#left-menu').length) {
        $('#left-menu').hide();
    }
});

Comments

dodałem ten kod ale coś nie działa :/

---

<span id="left-menu-open" class="fas fa-bars fa-fw">open/close</span>
<div id="left-menu" class="left-menu">
    <ol>
        <li>Strona głowna</li>
      <li>Strona głowna</li>
      <li>Strona głowna</li>
      <li>Strona głowna</li>
    </ol>
</div>

.left-menu{
  border: 1px solid red;
  width: 200px;
  display: none;
}

$('#left-menu-open').click(function(event){
    event.stopPropagation();
 
    $('#left-menu').toggle(300);
});
$(document).click(function(event) {
    if (!$(event.target).closest('#left-menu').length) {
        $('#left-menu').hide();
    }
});

Pamiętaj o dołączeniu jquery