Показать сообщение отдельно
  #1 (permalink)  
Старый 30.12.2016, 10:25
Профессор
Отправить личное сообщение для Igorsrt Посмотреть профиль Найти все сообщения от Igorsrt
 
Регистрация: 21.02.2016
Сообщений: 271

Переключение табов стрелками
Здравствуйте!
Мне нужно что бы вкладки на странице переключались стрелками "Вперед"/"Назад".. Сами табы сделал, а вот как к ним подключить стрелки через js ума не приложу. Помогите пожалуйста.
вот код
html:
<div class="section">
    <ul class="tabs">
        <li class="current">Вкладка 1</li>
        <li>Вкладка 2</li>
        <li>Вкладка 3</li>
     </ul>
    <div class="box visible">
        содержимое вкладки 1
    </div>
    <div class="box">
        содержимое вкладки 2
    </div>
    <div class="box">
        содержимое вкладки 3  
    </div>
<div class="controls">
    <a href="#" class="btn btn-default prev">< Назад</a>
    <a href="#" class="btn btn-default next">Вперед ></a>
</div>
</div>


js:
(function ($) {
    $(function () {
        $('ul.tabs').delegate('li:not(.current)', 'click', function () {
            $(this).addClass('current').siblings().removeClass('current')
                .parents('div.section').find('div.box').eq($(this).index())
                .show().siblings('div.box').hide();
        })
    })
})(jQuery);

Последний раз редактировалось Igorsrt, 30.12.2016 в 11:17.
Ответить с цитированием