Эффект accordion с вкладками

Эффект accordion с вкладками


Эффект разворачивающейся панели состоящей из вкладок.

Разметка HTML
Наш макет HTML несколько отличается от стандарта. А именно использованием стиля display:block, который делает первую вкладку развернутой при загрузке страницы, а не свернутой.
<div id="accordion">
    <h2 class="current">Первая панель</h2>     
    <div class="pane" style="display:block">        
         ...контент...    
    </div>    
    <h2>Вторая панель</h2>    
    <div class="pane">
         ...контент...
    </div>
    <h2>Третья панель</h2>    
    <div class="pane">
        ...контент...
    </div>
</div>

javascript
$(function() { 
$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null});
});

Добавить комментарий

Нам важно знать ваше мнение. Оставьте свой отзыв или ответ

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent

Комментариев 0

Новые обсуждения на Форуме

Unix форум
Без проблем, переходи по ссылке и ты попадешь на https://limon-credit.com.ua/ru/ новое МФО Limon. У них на сайте есть калькулятор, по которому ты сможешь рассчитать проценты, которые нужно будет оплат
МистерБорщ
Unix форум
Дело в том, что я никогда не брал кредит через интернет, потому не знаю кому можно доверять. Если тебе не сложно, оставь мне ссылку на сайт компании, я ознакомлюсь с их условиями
Lovelas
Unix форум
У самого не раз были ситуации, когда срочно нужны были деньги, и в такие моменты приходилось обращаться в микро организации. Про одну могу тебе оставить информацию, а ты уже
МистерБорщ