Пользовательский скрипт jQuery Tabs

Question

Пользовательский скрипт jQuery Tabs

0

У меня есть липкая проблема с вкладками jquery. Ниже ссылки на мой сайт:

http://www.rask.pl/test/majatruck/wynajem-krotkoterminowy.html

Структура divs:

<div class="cnt">
    <div class="left">
        <ul class="list">
        <li><span class="title"><a class="tab_link tab_link_wybrany" rel="#rnt1" href="#">First</a></span></li>
        <li><span class="title"><a class="tab_link" rel="#rnt2" href="#">Second</a></span></li>
        <li><span class="title"><a class="tab_link" rel="#rnt3" href="#">Third</a></span></li>
        </ul>
    </div>
    <div class="super">
        <div id="rnt1" class="tab_text tab_wybrany">First</div>
        <div id="rnt2" class="tab_text">Second</div>
        <div id="rnt3" class="tab_text">Third</div>
    </div>
</div>

Сценарий табуляции:

$(document).ready(function(){
    $(".tab_wybrany").fadeIn();
    $(".tab_link").live("click", function(event){
        event.preventDefault();
        $(".tab_link_wybrany").removeClass("tab_link_wybrany");
        $(this).addClass("tab_link_wybrany");
        var container_id = $(this).attr("rel");
        $(".tab_wybrany").animate({
            opacity : "toggle",
        },function(){
            $(this).removeClass("tab_wybrany");
            $(container_id).addClass("tab_wybrany");
            $(".tab_wybrany").animate({
                opacity : "toggle",
            });
        });
    });
});

Когда я нажимаю на вкладку - divs disapear? Оффлайн все в порядке... Я не знаю, где моя ошибка... Пожалуйста, помогите мне! :)

Rafał Konarski 04 дек. 2013, в 19:53

Источник

Теги:

javascript

jquery

tabs

1 ответ

Ещё вопросы

Nemesis02 · Accepted Answer · 2013-12-04T16-35-00.000Z

Могу ли я предложить вместо использования прозрачной непрозрачности использовать fadeIn и fadeOut. Это может решить вашу проблему.

Таким образом, ваш скрипт будет выглядеть так:

$(document).ready(function(){
    $(".tab_wybrany").fadeIn();
    $(".tab_link").live("click", function(event){
        event.preventDefault();
        $(".tab_link_wybrany").removeClass("tab_link_wybrany");
        $(this).addClass("tab_link_wybrany");
        var container_id = $(this).attr("rel");
        $(".tab_wybrany").fadeOut(750, function(){
            $(this).removeClass("tab_wybrany");
            $(container_id).addClass("tab_wybrany");
            $(".tab_wybrany").fadeIn(750);
        });
    });
});

Не проблема :) Рад помочь. Пожалуйста, отметьте как отвеченный и 1 мой комментарий, когда вы получите шанс: D