@Alpha12

Не работает jq?

Привет мне нужно что бы при клике на кнопку ПОДРОБНЕЕ разворачивалось большое количесттво текста и кнопка ПОДРОБНЕЕ скользила бы в низ и на ней писало бы СКРЫТЬ
вот примерный код он доходит до первого клика, второй клик уже не работает

spoiler
<div class="wrap">
<p>Мало текста<p>

<div class="more_info">много текста</div>
<div class="more">Подробнее</div>
</div>

spoiler
$('.more').click(function(){   
     $('.more_info').addClass('active');
    $(this).addClass('up') && $(this).removeClass('more');
    $('.up').text('Свернуть');

  alert('1');
});
        $('.up').click(function(){
alert('2');
          $('.more_info').removeClass('active');

          $(this).removeClass('up') && $(this).addClass('more');
            
          $(this).text('Подробнее...');
        });
  • Вопрос задан
  • 66 просмотров
Решения вопроса 1
@magarif
Программист
<div class="wrap">
  <p>Мало текста<p>
  <div class="more_info" style="display:none">много текста</div>
  <div class="more" data-text="Скрыть">Подробнее</div>
</div>

$('.more').on('click', function() {
  const $t = $(this);

  const text = $t.text();
  $t.text($t.data('text'));
  $t.data('text', text);

  $('.more_info').slideToggle();
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
22 янв. 2019, в 00:48
60 руб./за 1000 зн.
22 янв. 2019, в 00:09
120000 руб./в месяц
21 янв. 2019, в 23:37
1000 руб./за проект