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


скрипт скрипт ЭФФЕКТ ACCORDION С ВКЛАДКАМИ
Статистика
0  
Всего статей 1025
0  
Всего комментариев 57
0  
Пользователей 3333
Обновления new
  • XenForo Resource Manager 1.1.4
  • Что такое Менеджер ресурсов (Resource Manager)? Менеджер ресурсов является официальным дополнением для XenForo, которое позволяет управлять
  • Boss Electronues - Шаблон для OpenCart
  • И так, данный шаблон заточен под OpenCart. В данном шаблоне есть не свойственная для магазинов возможность писать блоги. В шаблон встроен блог от
  • R.Gen - Шаблон на OpenCart
  • R.Gen - это отличный премиум шаблон на OpenCart. Отличный дизайн, полностью настраиваемый и в тоже время простой в шаблон для создания серьезного
  • 30 psd логотипов на разные тематики
  • Эта сборка из 30 psd логотипов на разную тематику. Логотипы схематичные, яркие, детализированные, в отличном качестве и в формате PSD. Логотипы не
  • Xenu Программа для проверки битых ссылок
  • Xenu старенькая но очень полезная программа для поиска битых ссылок на сайте. Описание: Проверка ссылок делается на: ссылки, изображения, рамок,
Информация