Кода -копия выглядит следующим образом:
<! 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 = gb2312" />
<title> </title>
<link href = "css/style.css" rel = "stylesheet" type = "text/css"/>
<!-Представление jQuery->
<script src = "../ scripts/jquery-1.3.1.js" type = "text/javascript"> </script>
<script type = "text/javascript">
// <! [CDATA [
$ (function () {
var $ div_li = $ ("div.tab_menu ul li");
$ div_li.click (function () {
$ (this) .AdDClass («выбранный») // Текущий элемент <li> выделяется
.siblings (). removeClass ("selected");
var index = $ div_li.index (это);
$ ("div.tab_box> div") // выберите дочерние узлы. Если узел дочернего узела не будет выбран, будет вызвана ошибка. Если в нем есть дивинг
.eq (index) .show () // Покажите элемент <div>, соответствующий элементу <li>
.siblings (). Hide ();
}). Hover (function () {
$ (this) .AdDClass ("Hover");
}, function () {
$ (this) .RemoveClass ("Hover");
})
})
//]]>
</script>
</head>
<тело>
<div>
<div>
<ul>
<li> Текущие дела </li>
<li> Спорт </li>
<li> Развлечение </li>
</ul>
</div>
<div>
<div> текущие дела </div>
<div> Спорт </div>
<div> развлечение </div>
</div>
</div>
</body>
</html>