Przy takiej modyfikacji wykonuje się wszystko boldem

$(document).ready(function(){
        $("a.tab").click(function(){
  
       
      
        $(".active").removeClass("active");
       
    
        $(this).addClass("active");
       
     
        $(".cont").slideUp("slow");
       
    
        var new_content = $(this).attr("title");
        $("#" + new_content).slideDown("slow");
    });
});

W dniu 17.09.2021 o 06:33, Jacek Brzozowski pisze:

Cześć,

Na bardzo starej wersji LMSa miałem działające tab menu z efektem jquery slideUp i slideDown, na najnowszym niestety nie działa. Domyślam się, że chodzi o wersję jquery i składnie kodu ale nie mogę tego rozkminić.
Może ktoś podrzuci pomysł jak to wskrzesić ? Z góry dziękuję.

Kod jquery:

$(document).on("ready", function(){
      $("a.tab").on("click", function(){
             
        $(".active").removeClass("active");
             
        $(this).addClass("active");
             
        $(".cont").slideUp();
       
        var new_content = $(this).attr("title");
        $("#" + new_content).slideDown();
    });
});

HTML:

<div class="tabbed_area">

    <ul class="tabs">
                <li><a href="#" title="nodeinfo-hard" class="tab"><i class="fa fa-desktop fa-lg" aria-hidden="true"></i>&nbsp;&nbsp;Informacje o sprzęcie</a></li>
                <li><a href="#" title="nodeinfo-logs" class="tab"><i class="fa fa-history fa-lg" aria-hidden="true"></i>&nbsp;&nbsp;Informacje zdalne (logi)</a></li>
    </ul>

<div id="nodeinfo-hard" class="cont">
ZAWARTOŚĆ
</div>

<div id="nodeinfo-logs" class="cont">
ZAWARTOŚĆ
</div>

</div>

Dodam, że inny kod sterujący pojawianiem się opcji na kliknięcie w ikonę działa bez problemu:

$(document).ready(function(){
        $(".menu-opt-cog").click(function(){
            $(".options").animate({
                width: "toggle"
            });
        });
    });

Pozdrawiam
Jacek

Wolny od wirusów. www.avg.com

_______________________________________________
lms mailing list
lms@lists.lms.org.pl
https://lists.lms.org.pl/mailman/listinfo/lms

_______________________________________________
lms mailing list
lms@lists.lms.org.pl
https://lists.lms.org.pl/mailman/listinfo/lms