Раскрывающийся текст
// Раскрывающийся текст
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.view-source .hide').hide();
$('.view-source a').toggle(
function(){
$(this).siblings('.hide').stop(false, true).slideDown(500);
$(this).html('Свернуть текст');
},
function(){
$(this).siblings('.hide').stop(false, true).slideUp(500);
$(this).html('Развернуть текст');
}
);
});
</script>
Первым шагом подключаем сам JQuery.
.view-source, - CSS-класс для ссылки по клику на кот. будет выполнен скрипт. На ready назначаем, что у нас будет выполняться.
скрыть элемент с классом .hide (т.е. наш текст);
toggle, - собственно, само разворачивание (slideDown)/сворачивание(slideUp). 500, - скорость анимации в миллисекундах.