ЭФФЕКТ 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});
});


Скачать исходник:
Скачать файл: accordions_tab.rar [60,82 Kb] (cкачиваний: 25)
+6
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.