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

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

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

вопрос
Всем привет, кто может помочь и подсказать как сделать разные 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
  • Darkzone | Выбор категории для доп. поля? 2
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    Сегодня, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 2
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    Сегодня, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    Вчера, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:17
    фтп обычный юзер а не root
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:15
    дэк только так и загружаю
  • Gordi | Как реализовать шифрование трафика? 3
    Фото Gordi
    Gordi
    Как реализовать шифрование трафика?
    18-11-2024, 14:14
    я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
наверх