Napisałem taki kod:
Kod
<body>
<a href="#" class="hide"><p>Myjnia</p></a>
<div id="parking">
</div>
<div id="myjnia">
</div>
</body>
<a href="#" class="hide"><p>Myjnia</p></a>
<div id="parking">
</div>
<div id="myjnia">
</div>
</body>
Kod
$(function() {
$('.hide').click(function(){
$('#myjnia').animate({
"margin-top": "0"
},300);
$(this).removeClass("hide").addClass("show").text("Parking");
$('.show').click(function(){
$('#myjnia').animate({
"margin-top": "-60%"
},300);
$(this).removeClass("show").addClass("hide").text("Myjnia");
});
});
});
$('.hide').click(function(){
$('#myjnia').animate({
"margin-top": "0"
},300);
$(this).removeClass("hide").addClass("show").text("Parking");
$('.show').click(function(){
$('#myjnia').animate({
"margin-top": "-60%"
},300);
$(this).removeClass("show").addClass("hide").text("Myjnia");
});
});
});
i wszystko jest pięknie do pierwszych dwóch kliknięć.
Potem skrypt wykonuje się w całości przy jednokrotnym kliknięciu.
Jak spowodować, że kliknięcie "hide" i "show" będzie wykonywane oddzielnie?
Pozdrawiam.
. Zobacze jak to wychodzi i dam znać.