Есть инфо-блок. При нажатии на кнопку "Читать далее" (с указателем вниз), выезжает подробный текст инфо-блока, кнопка должна менятся на "Свернуть" и появляется стрелка вверх. Как реализовать плавную замену текста кнопки "Читать далее" на "Свернуть" и замену стрелки вниз на вверх с помощью jquery/css? Спасибо!
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 атрибуты которые вам нужны
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Всем добро! То ли я дурак, то ли лыжи не катятНе могу разобраться как увеличить размер миниатюры в fancybox, установленного на сайте битрикс
ЗдравствуйтеПишу код с использованием Обещаний для последовательного запуска функций
Всем приветПодскажите скрипт для загрузки больших файлов до 2 гб через ajax с возможность показа процента загрузки
Слабовато пока знаком с Jquery, сам найти ответ не сумел, возможно не там ищуНасколько я понял функция animate() принимает только конечные значения...