Szukam i szukam cały dzien i nie moge znaleść nic odpowiedniego.
Potrzebuje skrypt który będzie mi rozwijał "płynnie" tekst po kliknięciu w tekst lub button. Zna ktoś moze taki ? lub coś podobonego ? W każdym razie musi byc to płynne rowiniecie zawartosci diva.
Pełna wersja: [JavaScript]Płynne rozwiniecie diva
Używałem tego, a dokladnie http://api.jquery.com/slideDown/ bo ma sie to wysuwac w dół, jednak gdy połacze to z mybb odswieza mi cała strone zamiast wysuwac menu
Podaj kod, poczytaj o preventDefault()
Cytat(viking @ 29.09.2012, 14:40:34 ) 
Podaj kod, poczytaj o preventDefault()
Kod mam podstawowy:
Kod
<!DOCTYPE html>
<html>
<head>
<style>
.test{ background:#de9a44; margin:3px; width:80px;
height:40px; display:none; float:left; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
Click me!
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<script>
$(document.body).click(function () {
if ($(".test:first").is(":hidden")) {
$(".test").slideDown("slow");
} else {
$(".test").hide();
}
});
</script>
</body>
</html>
<html>
<head>
<style>
.test{ background:#de9a44; margin:3px; width:80px;
height:40px; display:none; float:left; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
Click me!
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<script>
$(document.body).click(function () {
if ($(".test:first").is(":hidden")) {
$(".test").slideDown("slow");
} else {
$(".test").hide();
}
});
</script>
</body>
</html>
Wydaje mi sie ze problem jest w tym iż obojetnie co gdzie wpisze i nie jest w divie test, to go rozwija.
co do preventDefault() to nie widze tam płynnego przejsca
Nie, preventDefault ma ci zapobiec wykonaniu domyślen akcji czyli zapewne przejścia do href z linka. Kod który tu wkleiłeś ma niewiele z twoim problemem wspólnego (przynajmniej tak wynika z pierwszego posta).
Oj, rozwiąząłem problem, okazało sie ze funkcja dzialala po kliknięciu w obojetnie co co znajduje sie w obszaze w <body>
wystarczylo tekst ktory ma rozwijac umiescic w divie oraz wywołac go po kliknieciu w div - w tym przypadku class="klik"
Jednak teraz mam kolejny problem, skrypt blokuje mi dzialanie codebuttons na moim forum, błedy jakie pokzuje:
wystarczylo tekst ktory ma rozwijac umiescic w divie oraz wywołac go po kliknieciu w div - w tym przypadku class="klik"
Kod
$('.klik').click(function () {
Jednak teraz mam kolejny problem, skrypt blokuje mi dzialanie codebuttons na moim forum, błedy jakie pokzuje:
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.