2

Почему не удаляет и не добавляет класс?

var tmp = 0;
$('.deslidt').on("click", ".btn-hide", function() {
  tmp = tmp + 1;
  if (tmp == 1) {
    $(this).html("Скрыть");
    $(".video-des .deslidt ul li #no_add").removeClass("hidden");

  }
  if (tmp == 2) {
    tmp = 0;
    $(this).html("Показать");
    $(".video-des .deslidt ul li #no_add").toggleClass("hidden");

  }
  return false;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="deslidt">
  <ul>
    <li>
    </li>
    <li id="no_add" class="hidden">
    </li>
    <li id="no_add" class="hidden">
    </li>
    <button class="btn-hide">Показать</button>
  </ul>
</div>

1 ответ 1

2

Все это делается проще, но вот Ваш код с исправлениями:

var tmp = 0;
$('.deslidt').on("click", ".btn-hide", function() {
  tmp = tmp + 1;
  if (tmp == 1) {
    $(this).html("Скрыть");
    $(".deslidt ul li.no_add").removeClass("hidden");
  }
  if (tmp == 2) {
    tmp = 0;
    $(this).html("Показать");
    $(".deslidt ul li.no_add").toggleClass("hidden");
  }
  return false;
});
.hidden {
  display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="deslidt">
  <ul>
    <li>Item 0</li>
    <li class="no_add hidden">Item 1</li>
    <li class="no_add hidden">Item 2</li>
    <button class="btn-hide">Показать</button>
  </ul>
</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.