更改jQuery的垂直选项卡菜单

Question

从 http://mehdi.biz/blog/2010/02/05/vertical-tabs-for-jquery-lovers/

参考我知道这是很容易的，但我能不能找到一个解决办法.. 只是想隐藏面板（内容），当用户从移出自己的鼠标（像不喜欢标签的菜单表演不希望活动标签。）

我该如何添加jQuery代码？

var $items3 = $('#vtab>ul>li'); 
$items3.mouseleave(function() 
     {       
     $('#vtab>div').hide(); 
     }).mouseleave(); 

试过code..it隐藏标签页，所以我不能访问面板的内容..

例：http://arkansas.gov/ 面板的右侧

Answer 1

你触发你有右后鼠标离开附上它。为什么？ 而不是在垂直制表符和你的使用这个： 加入display: none;到#vtab > div在CSS中。

var $items = $('#vtab>ul>li'); 
    var $contents = $('#vtab>div'); 
    $items.on('mouseenter', function() { 
     $items.removeClass('selected'); 
     $(this).addClass('selected'); 
     $contents.hide(); 
     var index = $items.index($(this)); 
     $contents.eq(index).show(); 
    }); 
    $('#vtab').on('mouseleave', function(){ 
     $items.removeClass('selected'); 
     $contents.hide(); 
    }); 

试试吧here。 这将只显示标签内容并选择mouseenter上的标签并隐藏内容并取消选择mouseleave上的标签。