Есть div с текстом: Показать все. По клику на него должен меняться текст на Скрыть все. И так по очереди. Подскажете?
$('#more').text('Скрыть все');
$('#more').on("click", function() {
if ($(this).text() === 'Скрыть все') {
$(this).text('Показать все')
} else {
$(this).text('Скрыть все')
}
});
$('#more').text('Скрыть все');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="more"/>
Кое какое решение с использованием переменных (код честно скопипащен с ответа Михаила и чутка изменен) :
var text1 = 'Скрыть все';
var text2 = 'Показать все';
$('#more').on("click", function() {
var currentText = $(this).text();
currentText = currentText === text1 ? text2 : text1;
$(this).text(currentText);
});
$('#more').text(text1);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="more"/>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Перемещаю div js в разные места (переменная > remove() > append), есть события клик на внутренние элементы , при изменении положения дива , клик перестает...
Как можно зашифровать html код, через JS скрипт, и есть какие то generator ?
Добрый день, начал оформлять страницу поиска на Wordpress и заметил такую проблему, после выполнения поискового запроса скрипт выдает ошибку: