23.03.2010, 18:25
|
|
Новичок на форуме
|
|
Регистрация: 23.03.2010
Сообщений: 1
|
|
|
Есть такой jquery
|
Цитата:
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Подробности</title>
<script src="http://сайт/js/jquery-1.2.1.pack.js" type="text/javascript"></script>
<style type="text/css">
<!--
.opis {
display:none;
text-align:inherit
}
body,td,th {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
clear: both;
float: none;
}
a {
font-family: Georgia, Times New Roman, Times, serif;
color: #F30;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style>
<script type="text/javascript">
$(document).ready(function() {$('#opislink00').click(function() {
if ( jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) {
if ($('#opis10').css("display")=="block") {$('#opis00').css("display", "none");
} else {$('#opis00').css("display", "block");
}
} else {$('#opis00').toggle("slow");
}
if ($('#opislink00').text()=='подробнее..') {$('#opislink00').text('..скрыть');
} else {$('#opislink00').text('подробнее..');
}
});
});
</script>
</head>
<body>
<a href="javascript:void(0)" id="opislink00">подробнее..</a>
<div class="opis" id="opis00">
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
</div>
</body>
</html>
|
Библиотека здесь jquery.com
Пример
Последний раз редактировалось morkovka, 23.03.2010 в 18:28.
Причина: подправить путь
|