Есть 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"/>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей