|
Сообщение от Erolast
|
|
http://learn.javascript.ru/play/YM3Le
|
Erolast, зачем в цикле каждый раз обращаться к методам документа? И зачем вообще использовать getElements, когда там уже подключен jQuery?
<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<style>
#insert > div {
display: none;
}
</style>
</head>
<body>
<a href="bears" rel="insert">Bears</a>
<a href="lions" rel="insert">Lions</a>
<a href="cats" rel="insert">Cats</a>
<div id="insert">
<div id="bears">Текст о медведях</div>
<div id="lions">Текст о львах</div>
<div id="cats">Текст о кошках</div>
</div>
<script>
$(function() {
var insert = $('#insert');
$('a[rel="insert"]').click(function() {
insert.find('div').css('display', 'none');
insert.find('#'+$(this).attr('href')).fadeIn(300);
return false;
});
});
</script>
</body>
</html>
В href пишем id дива.
