Jquery 在单击时显示多个元素

HTML:

多田


多田


内容1
内容2
​

jQuery：

<ul id="mode">
    <li><a href="#tab1">tab1</a>
        <div class="extra">tada</div>
        </li>
    <li><a href="#tab2">tab2</a>
        <div class="extra">tada</div> 
    </li>
</ul>
<div id="tab1" class="tab-content" style="display: none">content 1</div>
<div id="tab2" class="tab-content" style="display: none">content 2</div>
​

$（函数（）{
变量模式=$（“#模式”）；
var arrow=$（''，{'class'：'arrow'}）；
$（'li a'，mode）.bind（'click.mytabs'，function（））{
$（'li'，mode）.removeClass（'active'）；
$（this.parent（）.addClass（'active'）.append（箭头）；
var a=$（this.attr（'href'）；
$（'.tab内容'）.hide（）；
$（a）.show（）；
返回false；
}).filter（':first'）.triggerHandler（'click.mytabs'）；//等式（0）也可以工作
});

请点击此处：

我还想在单击时显示每个li的“额外”div，并在选项卡处于非活动状态时隐藏，我需要在代码中更改什么

谢谢

$（函数（）{
$(function(){
    var mode = $('#mode');
    var arrow = $('<span/>', {'class': 'arrow'});
    $('li a', mode).bind('click.mytabs', function() {
        $('li', mode).removeClass('active');
        $(this).parent().addClass('active').append(arrow);
        var a = $(this).attr('href');
        $('.tab-content').hide();
        $(a).show();
        return false;  
    }).filter(':first').triggerHandler('click.mytabs'); // eq(0) works as well
});

变量模式=$（“#模式”）；
var arrow=$（''，{'class'：'arrow'}）；
$（'li a'，mode）.bind（'click.mytabs'，function（））{
$（'li div'，mode）.hide（）；
$（this.this（'div'）.show（）；
$（'li'，mode）.removeClass（'active'）；
$（this.parent（）.addClass（'active'）.append（箭头）；
var a=$（this.attr（'href'）；
$（'.tab内容'）.hide（）；
$（a）.show（）；
返回false；
}).filter（':first'）.triggerHandler（'click.mytabs'）；//等式（0）也可以工作
});

$(function(){
    var mode = $('#mode');
    var arrow = $('<span/>', {'class': 'arrow'});
    $('li a', mode).bind('click.mytabs', function() {
        $('li div', mode).hide();
        $(this).siblings('div').show();
        $('li', mode).removeClass('active');
        $(this).parent().addClass('active').append(arrow);
        var a = $(this).attr('href');
        $('.tab-content').hide();
        $(a).show();
        return false;  
    }).filter(':first').triggerHandler('click.mytabs'); // eq(0) works as well
});