Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 19.01.2019, 11:31
Аспирант
Отправить личное сообщение для Kurt_D_Cobain Посмотреть профиль Найти все сообщения от Kurt_D_Cobain
 
Регистрация: 30.01.2018
Сообщений: 31

Что-то нагородил в html?
Ответить с цитированием
  #12 (permalink)  
Старый 19.01.2019, 11:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

открывашка независимая
Kurt_D_Cobain,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .tab-core-active {
      background-color: #EEE8AA;
  }
   .detail-wrapper-anons-item-tab{
       overflow: hidden;
   }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
$( '.detail-wrapper-anons-day-item' ).each(function() {
    var tab = $(this), anons = $('.detail-wrapper-anons-item-tab', tab);
    tab.on('click', '.detail-wrapper-anons-day', function() {
    tab.toggleClass('tab-core-active', anons.is(':hidden'));
    anons.slideToggle(200)
});
   tab.is('.tab-core-active') ||  anons.slideUp(0)
});


});
  </script>
</head>

<body>
<div class="detail-wrapper-anons-day-item tab-core-active">
                                        <div class="detail-wrapper-anons-day-item-content">
                                            <h5 class="detail-wrapper-anons-day">
                                                <span class="detail-wrapper-anons-day-title">День 1</span>
                                                Россия, Новосибирск
                                            </h5>
                                            <div class="detail-wrapper-anons-item-tab">
                                                <p class="detail-wrapper-anons-item-text">
                                                    Путевки в Турцию популярны во всем мире, а большое разнообразие цен позволит
                                                    всем путешественникам найти свое место на пляже.
                                                    предлагает туры в Турцию самой разной продолжительности. Вы можете
                                                    отправиться
                                                    отдыхать на неделю или две на Анталийское побережье, уехать в экскурсионный
                                                    тур в
                                                    Стамбул или два месяца отдыхать на курортах Эгейского моря. Воспользуйтесь
                                                    системой
                                                    подбора тура и выберите свой отдых!
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="detail-wrapper-anons-day-item">
                                        <div class="detail-wrapper-anons-day-item-content">
                                            <h5 class="detail-wrapper-anons-day">
                                                <span class="detail-wrapper-anons-day-title">День 2</span>
                                                Турция, Анталия
                                            </h5>
                                            <div class="detail-wrapper-anons-item-tab">
                                                <p class="detail-wrapper-anons-item-text">
                                                    Путевки в Турцию популярны во всем мире, а большое разнообразие цен позволит
                                                    всем путешественникам найти свое место на пляже.
                                                    предлагает туры в Турцию самой разной продолжительности. Вы можете
                                                    отправиться
                                                    отдыхать на неделю или две на Анталийское побережье, уехать в экскурсионный
                                                    тур в
                                                    Стамбул или два месяца отдыхать на курортах Эгейского моря. Воспользуйтесь
                                                    системой
                                                    подбора тура и выберите свой отдых!
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="detail-wrapper-anons-day-item">
                                        <div class="detail-wrapper-anons-day-item-content">
                                            <h5 class="detail-wrapper-anons-day">
                                                <span class="detail-wrapper-anons-day-title">День 1</span>
                                                Россия, Новосибирск
                                            </h5>
                                            <div class="detail-wrapper-anons-item-tab">
                                                <p class="detail-wrapper-anons-item-text">
                                                    Путевки в Турцию популярны во всем мире, а большое разнообразие цен позволит
                                                    всем путешественникам найти свое место на пляже.
                                                    предлагает туры в Турцию самой разной продолжительности. Вы можете
                                                    отправиться
                                                    отдыхать на неделю или две на Анталийское побережье, уехать в экскурсионный
                                                    тур в
                                                    Стамбул или два месяца отдыхать на курортах Эгейского моря. Воспользуйтесь
                                                    системой
                                                    подбора тура и выберите свой отдых!
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="detail-wrapper-anons-day-item">
                                        <div class="detail-wrapper-anons-day-item-content">
                                            <h5 class="detail-wrapper-anons-day">
                                                <span class="detail-wrapper-anons-day-title">День 2</span>
                                                Турция, Анталия
                                            </h5>
                                            <div class="detail-wrapper-anons-item-tab">
                                                <p class="detail-wrapper-anons-item-text">
                                                    Путевки в Турцию популярны во всем мире, а большое разнообразие цен позволит
                                                    всем путешественникам найти свое место на пляже.
                                                    предлагает туры в Турцию самой разной продолжительности. Вы можете
                                                    отправиться
                                                    отдыхать на неделю или две на Анталийское побережье, уехать в экскурсионный
                                                    тур в
                                                    Стамбул или два месяца отдыхать на курортах Эгейского моря. Воспользуйтесь
                                                    системой
                                                    подбора тура и выберите свой отдых!
                                                </p>
                                            </div>
                                        </div>
                                    </div>


</body>
</html>
Ответить с цитированием
  #13 (permalink)  
Старый 19.01.2019, 11:40
Аспирант
Отправить личное сообщение для Kurt_D_Cobain Посмотреть профиль Найти все сообщения от Kurt_D_Cobain
 
Регистрация: 30.01.2018
Сообщений: 31

Большое спасибо!!! То что нужно =)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите исправить код слайдшоу. 47rus Общие вопросы Javascript 0 20.03.2016 18:43
помогите исправить функцию добавления Yuras Общие вопросы Javascript 5 29.11.2013 15:45
Помогите исправить код Apelcun77 Общие вопросы Javascript 6 15.11.2013 23:06
Помогите исправить код bytzz Элементы интерфейса 1 02.11.2012 23:45
Помогите исправить скрипт fAmOus Элементы интерфейса 4 31.08.2012 01:02