[jQuery] Скрипт показа / скрытия блока текста

Web
Как сделать плавно скрывающийся блок текста? Оказывается довольно просто, когда используешь фреймворк jquery. Приведу несколько строк, которые нужно добавить в свою страницу.

Во первых нужно закачать на сайт jquery.js и подключить в странице
<script type="text/javascript" src="jquery.js"></script>

Потом перед закрытием тега head разместить скрипт:
<script type="text/javascript">
 $(document).ready(function() {
 $('div.view').hide();
 $('div.slide').toggle(function() {
 $(this).siblings('div.view').fadeIn('slow');
 }, function() {
 $(this).siblings('div.view').fadeOut('fast');
 return false;
});
});
</script>

Ну и сам скрывающийся блок
<div class="slide" style="cursor: pointer; ">Показать / Скрыть</div>
<div class="view">
Этот текст показывается по выбору выше</div>

И все :)
Пример работы можно посмотреть тут, скачать пример тут

26 комментариев