Действие при клике на “Читать далее”

283
20 декабря 2016, 23:37

Есть инфо-блок. При нажатии на кнопку "Читать далее" (с указателем вниз), выезжает подробный текст инфо-блока, кнопка должна менятся на "Свернуть" и появляется стрелка вверх. Как реализовать плавную замену текста кнопки "Читать далее" на "Свернуть" и замену стрелки вниз на вверх с помощью jquery/css? Спасибо!

Answer 1

var s = 'Свернуть' 
 $('.text').click(function() { 
          $(this).animate({ 
                opacity: 0 
              }, 500, function() { 
                $(this).attr('value', s).animate({ 
                    opacity: 1 
                  }, 500,function(){if(s=='Свернуть')s='Читать далее';else s='Свернуть';}) 
                }) 
})
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <input type="submit" name="text" class="text" value="Читать далее">

Суть проста в animate пихаете css атрибуты которые вам нужны

READ ALSO
Как изменить размер миниатюры в fancybox?

Как изменить размер миниатюры в fancybox?

Всем добро! То ли я дурак, то ли лыжи не катятНе могу разобраться как увеличить размер миниатюры в fancybox, установленного на сайте битрикс

313
Promises. Не работает последовательность

Promises. Не работает последовательность

ЗдравствуйтеПишу код с использованием Обещаний для последовательного запуска функций

287
Загрузка больших файлов через Ajax

Загрузка больших файлов через Ajax

Всем приветПодскажите скрипт для загрузки больших файлов до 2 гб через ajax с возможность показа процента загрузки

456
Jquery animate from &hellip; to &hellip; (анимация от и до)

Jquery animate from … to … (анимация от и до)

Слабовато пока знаком с Jquery, сам найти ответ не сумел, возможно не там ищуНасколько я понял функция animate() принимает только конечные значения...

266