Zrobiłem taki skrypt
Demo
http://fociarnia.3te.pl/projekt/
Zacznij klikać na pozycje "Hosting zdjęć" i "Hosting zdjęć Close" i tak szybko na nie na zmianę i tekst "coś tam dalej" zostaję na górze a tak nie powinno być
Kod js
<script type="text/javascript"> var $loading = $('<div style="margin-top: 30%; text-align: center; "><img src="images/ajax_loading.gif"> Wczytywanie</div>'); // Informacje o hostingu $(function($){ $(".hi_box_open").click(function(){ $('#aaa').animate({marginTop: '390px'}, 500); setTimeout(function(){ $('.hi_box').show('drop', 500) }, 500); var file_load = 'includes/hosting_pro.html'; $('.hi_box').html($loading); $('.hi_box').load(file_load); return false; }); $(".hi_box_close").click(function(){ $('.hi_box').hide('drop', 500); setTimeout(function(){ $('#aaa').animate({marginTop: '0px'}, 500) }, 500); return false; }); }); </script>
Skrypt działa ale jak zacznę klikać w menu na "Hosting zdjęć" i "Hosting zdjęć Close" i zacznę szybko klikać na te dwie pozycje w menu to animacja nie jest dobra bo tekst "coś tam dalej" zostaję na górze a okienko z informacjami jest wysunięte a tak nie powinno być to co mam zrobić żeby skrypt nie robił tak
Ja myślę żeby to zrobić tak że jeśli okienko się wysuwa to w tym czasie przycisk "Hosting zdjęć Close" by nie działał
dopiero po wysunięciu okienka żeby dało go się zamknąć ale problem w tym że nie wiem jak to zrobić
PS: Jeśli jest lepszy sposób niż proponuję to proszę napisać jaki