По клику изменять .text div'a туда и обратно

320
18 мая 2017, 11:47

Есть div с текстом: Показать все. По клику на него должен меняться текст на Скрыть все. И так по очереди. Подскажете?

$('#more').text('Скрыть все');
Answer 1

$('#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"/>

Answer 2

Кое какое решение с использованием переменных (код честно скопипащен с ответа Михаила и чутка изменен) :

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"/>

READ ALSO
Некорректный скроллинг при DOMContentLoaded

Некорректный скроллинг при DOMContentLoaded

Страница разбита на n суперблоков структуры:

205
События js , динамические элементы

События js , динамические элементы

Перемещаю div js в разные места (переменная > remove() > append), есть события клик на внутренние элементы , при изменении положения дива , клик перестает...

276
Как можно зашифровать html код?

Как можно зашифровать html код?

Как можно зашифровать html код, через JS скрипт, и есть какие то generator ?

282
Ломается скрипт после выполнения GET &amp; POST

Ломается скрипт после выполнения GET & POST

Добрый день, начал оформлять страницу поиска на Wordpress и заметил такую проблему, после выполнения поискового запроса скрипт выдает ошибку:

226