chernyhmihail
7/6/2015 - 7:07 AM

Раскрывающийся текст

Раскрывающийся текст

// Раскрывающийся текст

<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, - скорость анимации в миллисекундах.