Forum PHP.pl

Zrobiłem sobie funkcje JQUERY (kod poniżej) której zadaniem jest pokazywanie lub ukrywanie danego elementu html. Wszystko działa dobrze dopuki nie chodzi o zamknięcie elementu podrzędnego względem tego elementu w ramach którego on się znajduje (rodzica). Sytuacja jest kodzie poniżej. Element o id #boxmenu (rodzic)wywołuje (na wskutek kliknięcia) funkcje która zmienia css podrzędnego elementu o id #tlopanel tak by element sie pokazywał. Gdy jednak chce kliknąć w podrzędny element (#tlopanel) który wywołuje tę samą funkcję tylko w trybie "zamknięcia" widoku ( i chodzi o niepokazywanie samego siebie a nie elementu nadrzędnego czy innego) to wówczas nadal on jest widoczny. Jak to obejść by klikając w element podrzędny (#tlopanel) móc go zamknąć z poziomu jego samego ?

Kod funkcji

[HTML] pobierz, plaintext 
function display(target,set)
 {
 
    let take = $(target) ;
 
      if(set == 1)
	  {
     take.css({'display' : 'block'})
	  }
     else
	 {
	 take.css({'display' : 'none'})	 
	 }
 
 
 }
[HTML] pobierz, plaintext 

Kod elementów html :

[HTML] pobierz, plaintext 
<div id="boxmenu" onclick="display('#tlopanel',1)" class="topbox">TŁO <div id="tlopanel" onclick="display('#tlopanel',0)" class="show_off" >Panel</div>"</div>
[HTML] pobierz, plaintext 

Pokaż pełen przykład z kilkoma elementami docelowymi które ta funkcja ma pokazywać/ukrywać.

[HTML] pobierz, plaintext 
    <div id="boxmenu" onclick="display('#tlopanel',1)" class="topbox">TŁO <div id="tlopanel" onclick="display('#tlopanel',0)" class="show_off" >Panel</div></div>
[HTML] pobierz, plaintext 

^ ^ ^
1 ) Klikam w w div #boxmenu w wyniku czego pokazuje mi się div #tlopanel - czyli działa ok
2) Klikam w pokazany w pkt 1 div #tlopanel w wyniku czego powinien się on zamknąć ale nadal go widać- i tutaj problem jest.

* W innych konfiguracjach funkcja działa dobrze, problem pojawia sie właśnie w tej.

* Na razie jest to jedyna para elementów w całym kodzie, ale docelowo takich par ma być więcej.

Ten post edytował blackstone 15.12.2018, 18:18:35