Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помогите исправить аккордион (https://javascript.ru/forum/dom-window/76517-pomogite-ispravit-akkordion.html)

Kurt_D_Cobain 19.01.2019 11:31

Что-то нагородил в html?

рони 19.01.2019 11:36

открывашка независимая
 
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>

Kurt_D_Cobain 19.01.2019 11:40

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


Часовой пояс GMT +3, время: 17:56.