Задать вопрос
@Sketch01
javascript

Ренейм кнопок кнопок при клике?

$('.show_hidden').on('click',function() {
  $id = $(this).data('id');
  $('#'+$id).toggle();
});

<a href="javscript:void(0)" data-id="1" class="show_hidden">Еще</a>
<a href="javscript:void(0)" data-id="2" class="show_hidden">Еще</a>
<a href="javscript:void(0)" data-id="3" class="show_hidden">Еще</a>
<div id="1" style="display:none;">
block one
</div>
<div id="2" style="display:none;">
block two
</div>
<div id="3" style="display:none;">
block three
</div>


как 'еще' поменять на 'скрыть' при клике ?и в случае скрытия обратно?
  • Вопрос задан
  • 49 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
Stalker_RED
@Stalker_RED 
$('.show_hidden').on('click',function() {
  var $id = $(this).data('id');
  var $block = $('#' + $id)
  $block.toggle();
  $(this).html($block.is(':visible') ? 'скрыть' : 'еще')
});
https://jsfiddle.net/ntuynevs/

И можно вынести эти "еще" и "скрыть" из js-кода в data-атрибут.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@ddddasass
можно еще стилями используя css content
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1000 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы