[Dikucher]

День добрый
структура

Код HTML:

<div class="section"> <ul class="tabs"> <li class="current">1-я вкладка</li> <li>2-я вкладка</li> </ul> <div class="box"> <div class="slider"> </div> </div> <div class="box"> <div class="slider"> </div> </div> </div><!-- .section -->

изначально у всех

Код:

box {display: none;}

Имеем slider ( в блоке .box) и вот проблема как раз со слайдером. Скрипт слайдера запускаемый через

Код:

$(document).ready(function(){})

работает не кореектно, так как при родительском .box display:none, скрипт не правильно просcчитует размеры для элементов слайдера.
Нужно сделать так, чтобы скрипт запускался именно тогда, когда активированна соответствующая вкладка.

Вот сама реализация табов

Код:

(function($) {
$(function() {


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


})
})(jQuery)

[ArhStrAngeR]

Комментарий модератора: ArhStrAngeR

1. Остальные 3 дубля темы удалил, но в следующий раз держите себя в руках.

[Dikucher]

спасибо, буду

[druzhkov]

так как при родительском .box display:none, скрипт не правильно просcчитует размеры для элементов слайдера

Скорее всего, так и будет до тех пор, пока вы не будете явно отображать блоки. Как вариант - отображать box, но задвинуть его куда-нибудь далеко влево, либо через z-index под основную страницу (чтобы не видно было). Либо расковырять исходник слайдера и ручками туда прописать пиксельные размеры, которые он высчитывает.

[Dikucher]

druzhkov, ну это все "костыли", могу добавить еще один, это в CSS прописать размеры с important, чтобы скрипт не смог из изменять. Но хотелось красивое решение.