Witam
Posiadam pewnego diva, który pokazuje się po kliknięciu w odpowiedni przycisk. Poniżej zamieszczam kod js, który jest za odpowiedzialny:
$(document).ready(function(){
$("#rozwin_panel_uzytkownika").click(function(){ //jest to id buttona
$("#panel_uzytkownika").fadeIn(500); //jest to id diva które ma się pojawić
});
});
$(document).click(function(e) {
var $target = $(e.target);
if (!$target.is('#rozwin_panel_uzytkownika, #panel_uzytkownika')) { //jeżeli kliknę poza obszar przycisku lub rozwiniętego pola
$('#panel_uzytkownika').fadeOut(500); //to schowaj podany div
}
});
Gdy klikam w przycisk w przeglądarce firefox, wszystko jest jak w najlepszym porządku. Lecz gdy chcę to zrobić na innej przeglądarce (chrome, edge, safari) to ukryty div pojawia się i od razu znika. Problem występuje tylko wtedy, gdy kliknę w tekst znajdujący się na przycisku (gdy kliknę w przycisk, lecz nie w tekst to działa w 100%). Próbowałem już dodać id tekstu do !$target.is lecz nic to nie pomogło. Poza tym na firefox to działa poprawnie. Poniżej zamieszczam kod elementu po kliknięciu którego pokazuje się ukryty div.
<button class="uniwersalny_przycisk" id="rozwin_panel_uzytkownika">
<p style="text-align:center; margin-top: 6px;"> <?php echo $_SESSION['user'] ?> <br/> Mój profil</p>
</button>