Witam mam proste pytanko.
Tutaj ładnie wszystko działa
Wstawiam w swój kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://code.jquery.com/jquery-1.7.1.js"></script> <script type="text/javascript"> <!--
$(document).ready(function() {
var zakladki = $(".zakladka"),
teksty = $(".tekst"),
predkosc = 200,
target;
teksty
.hide();
zakladki
.on("mouseover", function() {
$t = $(this);
target = $t.attr("rel");
teksty
.filter(":visible")
.hide()
.end()
.filter("#" + target)
.stop(true, true)
.fadeIn(300);
});
});
//-->
<a class="zakladka" rel="tekst_1" href="#">zakladka numer 1
</a> <a class="zakladka" rel="tekst_2" href="#">zakladka numer 2
</a> <a class="zakladka" rel="tekst_3" href="#">zakladka numer 3
</a> <a class="zakladka" rel="tekst_4" href="#">zakladka numer 4
</a> <a class="zakladka" rel="tekst_5" href="#">zakladka numer 5
</a> <p class="tekst" id="tekst_1">To jest tekst numer 1
</p> <p class="tekst" id="tekst_2">To jest tekst numer 2
</p> <p class="tekst" id="tekst_3">To jest tekst numer 3
</p> <p class="tekst" id="tekst_4">To jest tekst numer 4
</p> <p class="tekst" id="tekst_5">To jest tekst numer 5
</p>
Nie działa ;/
Co robię źle ?