Малко помощ за jquery script

nikitybe

Registered
Здравейте хора. Сега започвам да се уча на jquery и като цяло на javascript.
Пробвах да си напиша един скрипт (след като изчетох доста уроци) и се получи долу горе но едно не ми е ясно. Как да направя след като се слайдне на доло "Покажи" да се променя на "Скрий". Не съм дал css-а, но мисля, че няма да ви е нужен.

HTML:
<div id="slide">
	Съдържание
</div>

   <a href="#" >Покажи</a>
[js]
<script>
$(document).ready(function() {
$("#slide").hide();
$("a").click(function() {
if($("#slide").is(":hidden")) {
$("#slide").slideDown("slow");
}else{
$("#slide").slideUp("slow");
}
});
});
</script>
[/js]
 
[js]<script>
$(document).ready(function() {
$("#slide").hide();
$("a").click(function() {
if($("#slide").is(":hidden")) {
$("#slide").slideDown("slow");
$(this).html("Покажи");
}else{
$("#slide").slideUp("slow");
$(this).html("Скрий");
}
});
});
</script>[/js]
 
Дааа получи се с малко уточнение обаче. Трябва да са разменени.
Първо
[js]
$(this).html("Скрий");
и после
$(this).html("покажи");
[/js]

иначе се получава разминаване (когато е скрито пише "скрий" и обратното)
 

Back
Горе