垂直多級菜單slideToggle

我是jquery/js的新手，我試圖用jqueryui/jquery創建一個帶標籤的菜單。我希望內部標籤可以在那裏使用slideToggle創建。我必須在標籤中滑動切換標籤，並且我希望在另一個滑動標籤打開時關閉另一個標籤，如果它打開但我無法使用另一個滑塊切換標籤，則我會爲其滑動菜單。下面是我試過的代碼：垂直多級菜單slideToggle

$(function() { 
    $("#tabs").tabs(); 
}); 

$(document).ready(function() { 

    $(".menu a").click(function(){ 
    $(".video").each(function(){ 
     $(this).get(0).pause(); 
    }); 
    }); 

    //tabbing selection 
    $(".menu li:eq(0)").addClass("active"); 

    $(".menu li").click(function(){ 
    $(this).addClass('active'); 
    $(this).siblings().removeClass('active');  
    }); 

    $(".subtabs").click(function(){ 
    $(this).nextUntil("li.tabsclose").slideToggle(); 
    $(this).removeClass('active'); 
    $(this).next().addClass('active'); 
    }); 

    $(".tabs").click(function(){ 
    $(".subtabsinner").slideUp(); 
    }); 

});

這是鏈接到codepen http://codepen.io/SurajVerma/pen/Fskmu。

在發佈問題之前，我嘗試了谷歌並在stackoverflow上搜索，但無法找到任何類似的東西。

謝謝。

來源

2014-10-31 3ncrypter

嗯...也許有點不同的HTML結構可能有幫助（也許將subtabs放在自己的ul中，所以你可以輕鬆地選擇subtabs部分）... – sinisake 2014-10-31 10:09:14

感謝您的幫助，該問題已得到解決，我也選擇了正確的答案。關於您的建議，這可能會有所幫助，但如果更改結構，我的jqueryUI選項卡不起作用，這就是爲什麼我沒有爲子選項卡創建新的ul。 :) – 3ncrypter 2014-10-31 11:37:04

您可以在您的可用$(".subtabs").click

$('.subtabs').not(this).nextUntil(".subtabs").slideUp();

演示添加以下行

http://codepen.io/anon/pen/dBkAE

什麼要做的就是從一個當前活動拉開了，所有的子選項卡

來源

2014-10-31 10:11:23

非常感謝，它的工作。 :) – 3ncrypter 2014-10-31 10:24:11

@主從 - 你可以幫助這個http://stackoverflow.com/questions/29861403/multilevelupto-3-level-vertical-menu-with-bootstrap – F11 2015-04-26 14:53:40

垂直多級菜單slideToggle

回答

相關問題