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

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

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

вопрос
Всем привет, кто может помочь и подсказать как сделать разные 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
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

 08.01.2013 Ayk  Общие вопросы по PHP
 07.05.2013 onneuha  Общие вопросы по PHP, Модули, Ламерские вопросы
 19.08.2013 KDenis  Общие вопросы по PHP, Модули, MySQL
 11.06.2014 blocbaster  Общие вопросы по PHP
 17.02.2015 Goot  Общие вопросы по PHP, Модули, MySQL
 07.03.2015 tomi  Общие вопросы по PHP
 26.04.2015 follor  Общие вопросы по PHP
 19.09.2015 thebeknazar  Общие вопросы по PHP
 23.12.2015 Floppi  Общие вопросы по PHP
 14.03.2016 Kaba4ek  jQuery, Общие вопросы по PHP
  • Sud3n | Как решить проблему индексации DLE в пои ... 3
    Фото Sud3n
    Sud3n
    Как решить проблему индексации DLE в поиске Bing?
    Вчера, 20:44
    Ошибка, если посмотреть есть ли страничка в индексе
    Но версия DLE у меня старая, сомневаюсь, что дело в версии
  • Sud3n | Как решить проблему индексации DLE в пои ... 3
    Фото Sud3n
    Sud3n
    Как решить проблему индексации DLE в поиске Bing?
    Вчера, 20:42
    У меня почему-то Bing вообще не индексирует сайт после добавления в Вебмастер
  • non-stop | Как решить проблему индексации DLE в пои ... 3
    Фото non-stop
    non-stop
    Как решить проблему индексации DLE в поиске Bing?
    19-12-2024, 17:02
    Забыл написать что обновился до последней версии 17.3
    Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
    В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
  • lutskboy | Как максимально грамотно организовать до ... 1
    Фото lutskboy
    lutskboy
    Как максимально грамотно организовать добавление материалов через SQL-запросы?
    18-12-2024, 21:39
    все верно. related_ids автоматом заполняется потом.
  • derebas | Убираем xfsearch из адресной строки 7
    Фото derebas
    derebas
    Убираем xfsearch из адресной строки
    16-12-2024, 02:35
    в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
    str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
  • toxicpioner | Убираем xfsearch из адресной строки 7
    Фото toxicpioner
    toxicpioner
    Убираем xfsearch из адресной строки
    15-12-2024, 19:31
    если в доп поле есть пробел, будет выдавать просто 403 стр
  • dj-avtosh | Воспользовался хаком удаление html из ад ... 2
    Фото dj-avtosh
    dj-avtosh
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    12-12-2024, 17:26
    Нужно правило с year поднять выше всех в .htaccess
  • TeraMoune | Воспользовался хаком удаление html из ад ... 2
    Фото TeraMoune
    TeraMoune
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    11-12-2024, 22:12
    У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
  • toxicpioner | Как упорядочить ID новостей 19
    Фото toxicpioner
    toxicpioner
    Как упорядочить ID новостей
    9-12-2024, 22:24
    ***Комментарий удален***
  • DnCnv | Как показать только одну категорию, к ко ... 1
    Фото DnCnv
    DnCnv
    Как показать только одну категорию, к которой принадлежит новость?
    9-12-2024, 01:46
    ***Комментарий удален***
наверх