Показать сообщение отдельно
  #1 (permalink)  
Старый 06.06.2017, 07:33
Интересующийся
Отправить личное сообщение для Серега187 Посмотреть профиль Найти все сообщения от Серега187
 
Регистрация: 07.10.2013
Сообщений: 23

Раскрытый аккордиолн по умолчанию
Всем привет! Ребята помогите: не могу найти аккордион раскрытый по умолчанию. В инете нашел подходящий по пораметрам, но нужно чтобы он был по умолчанию раскрытым.

h2 {
    color: #002850; font-size: 30px; font-weight: normal; 
    padding: 45px 0 15px;cursor:pointer;
    }
    .accordion {
    border: 1px solid #ddd; border-top: none; margin: 10px 0; 
    float: left; width: 470px; position: relative;
    }
    .accordion a { 
    display: block; text-decoration: none; 
    }
    .accordion h2, .accordion a{
    background-color: #fff; 
    background-image: url(gradient.jpg);
    background-image: -moz-linear-gradient(bottom, #f1f1f1, #fff);
    background-image: -ms-linear-gradient(bottom, #f1f1f1, #fff);
    background-image: -o-linear-gradient(bottom, #f1f1f1, #fff);
    background-image: -webkit-linear-gradient(bottom, #f1f1f1, #fff);
    background-image: linear-gradient(bottom, #f1f1f1, #fff); 
    border-top: 1px solid #ddd;
    color: #222; font: 14px/30px 'Verdana', sans-serif; 
    height: 30px; margin: 0; padding: 0; text-indent: 10px;
    }
    p {
    color: #555; font: 12px/18px 'Verdana', sans-serif; 
    padding: 20px 10px;
    }

$(document).ready(function(){
       $('#accordion-js').find('h2').click(function(){
           $(this).next().stop().slideToggle();
       }).next().stop().hide();
    });

<div id="accordion-js" class="accordion">
       <h2>Заголовок 1</h2>
       <p>Здесь находится контент...</p>
       <h2>Заголовок 2</h2>
       <p>Здесь находится контент...</p>
       <h2>Заголовок 3</h2>
       <div>
          <p>Здесь находится контент...</p>
          <p>Здесь находится контент...</p>
       </div>
    </div>
Ответить с цитированием