WEB лаборатория DLE » Другое для WEB » jQuery и JavaScript » Эффект accordion с вкладками
Навигация
Популярное
    Статистика

    Материалов: 1789 [+0]
    Пользователей: 685 [+0]

    Всего онлайн : 2
    Пользователей: 0
    Гостей: 2

    Google
    Последние комментарии
    ...
    HI-tech:
    0

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

    Автор: Robot_DLElabкатегория: Другое для WEB » jQuery и JavaScriptдата: 17-04-2013, 00:49
    Эффект 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});
    });



    Скачать бесплатно

    Теги: javascript, jQuery

    Другие новости по теме:


    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.