jQuery show hide div

时间:2013-03-13 14:37:50

标签: jquery accordion

我正在尝试组合不同的脚本但没有成功。见下面1)2)和3)。 我已经结合了2)和3)见专栏新闻。列UPCOMING使用1)并且有效。我想结合这两个功能。两列都是独立工作的。

你可以看到我的作品(正在建设的新网站,一些字体将丢失,Photoshop工作仍有待完成):http://www.brunovansina.be/wais/index2.htm

1)我有不同的div。如果单击一个,其他打开的div关闭,只有一个可以打开:

$(document).ready(function() {
    $('.show').click(function() {
        if ( !$(this).next('div').is(':visible') ) {
            $(".slidingDiv").slideUp();
            $(this).next('div').slideToggle();
        }
    });

    $('.hide').click(function() {
        $(this).parent().slideUp();
    });
});

2)如果打开一个div,我希望能够通过再次单击它来关闭它,这样就不会打开任何div。

$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });

});

3)单击链接时,它会更改颜色,以便您可以看到它处于活动状态。再次单击时,div关闭,链接返回非活动状态。

$('.show_hide').click(function() {
    $(this).toggleClass('active');
});

Thanx任何帮助,Bruno。

0 个答案:

没有答案