Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Вопросы КЭПу » Разные id в скрипте и html для спойлера?

Разные id в скрипте и html для спойлера?


     02.04.2016    Вопросы КЭПу    1114

вопрос
Всем привет, кто может помочь и подсказать как сделать разные id в скрипте и html?
вот скрипт
<script>
  $(document).ready(function(){
      $('.btn-more-review').click(function () {
        if ($(this).hasClass("hidden")) {
          $('.full-reviews').find(".full-review-hidden").animate({height: "100px"},500);
          $(this).removeClass("hidden").addClass("show").html("Смотреть полностью &darr;");
          return false;
        } else {
          $('.btn-more-review').removeClass("show").addClass("hidden").html("Свернуть все &uarr;");
          $('.full-reviews').find(".full-review-hidden").animate({height: "100%"},500);
          return false;
        }
      });
  });
</script>

вот за место .full-review-hidden нужно поставить как то разные id в скрипте и что бы этот же ид я мог как то поставить в html коде
этот код прописан 1 раз, но выводится много раз и должны быть разные id для спойлеров

Ответил: КЭП


Разные id в скрипте и html для спойлера?

— Тогда мы идём к вам!

4 комментария

wkino
Юзер

wkino - 2 апреля 2016 01:10 -

вот за место .full-review-hidden нужно поставить как то разные id в скрипте и что бы этот же ид я мог как то поставить в html коде
<div class="full-review-hidden" id="тут">
этот код прописан 1 раз, но выводится много раз и должны быть разные id для спойлеров

Sander
PHP-developer

Sander - 2 апреля 2016 13:54 -

Верстку в студию.
Тут надо не ID лепить, а правильно использовать $(this) в js коде.

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

wkino
Юзер

wkino - 6 апреля 2016 17:12 -

Sander,
вот Html код к этому js

<div id="related-news3" class="block-p" style="padding-top:5px;background:#24303D;">
<div class="full-reviews">
<span class="review">
<div class="full-review disable_select" style="-webkit-user-select: none;">
<div class="btn-more-review show">Смотреть полностью ↓</div>
<div class="full-review-hidden" style="height: 380px;padding-bottom:5px;margin-bottom:10px;">
<div class="full-review-box">      
{$reviews}
</div>
</div>
</div>
</span>
</div>    
</div>

Sander
PHP-developer

Sander - 7 апреля 2016 12:26 -

$(document).on('click','.btn-more-review',function(e){
    e.preventDefault();
    if($(this).hasClass("hidden")){
        $(this).parents('.full-reviews').find(".full-review-hidden").animate({height: "100px"},500);
        $(this).removeClass("hidden").addClass("show").html("Смотреть полностью &darr;");
    }else{
        $(this).removeClass("show").addClass("hidden").html("Свернуть все &uarr;");
        $(this).parents('.full-reviews').find(".full-review-hidden").animate({height: "100%"},500);
    }
})

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх