скрин
пример
источник Разворачивающийся и свертывающийся блок с текстом.
Code
<html>
<head>
<title>Развертывание / сворачивание на jQuery</title>
<style>
body{
padding:10px;
font-family:tahoma;
}
.jq{
text-decoration:none;
color:#000;
padding:10px;
border:1px solid #666;
}
.jq:hover{
background-color:#F39;
}
#box{
display:none;
}
</style>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
jQuery(function()
{
$('#q1').click(function()
{
$('#box').slideDown();
});
$('#q2').click(function()
{
$('#box').slideUp();
});
});
</script>
</head>
<body>
<a href="#" id="q1">развернуть</a><a href="#" id="q2">свернуть</a></p>
<div id="box">
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</p>
Таким же способом можно запросто организовать <strong>выпадающее меню</strong></p>
<a href="http://green-filmix.ru">Фильмы онлайн</a></p>
</div>
</body>
</html>
