JavaScript 切换脚本

Question

我有这个js代码，它在单击按钮后显示和隐藏页面上的一些内容。我添加了第二个脚本(slickbox2)，它通过单击第二个按钮对其他内容执行相同的操作。我需要解决的问题是，当显示第一个内容并且我单击第二个按钮时，我想隐藏第一个内容。谢谢!

jQuery(document).ready(function() {
    //hides the slickbox as soon as the DOM is ready
    jQuery('#slickbox').hide();

    // toggles the slickbox on clicking the noted link  
    jQuery('#slick-toggle').click(function() {
        jQuery('#slickbox').toggle(400);
        return false;
    });

    jQuery('#slickbox2').hide();
    // toggles the slickbox on clicking the noted link  
    jQuery('#slick-toggle2').click(function() {
       jQuery('#slickbox2').toggle(400);
       return false;
    });

});

Answer 1

更改了一些点。

$(document).ready(function(){
    $('[id*=slickbox]').hide(); //hide your slickboxs

    $('#slick-toggle').click(function(){
        $('#slickbox').show();
        $('#slickbox2').hide();
    });

    $('#slick-toggle2').click(function(){
        $('#slickbox').hide();
        $('#slickbox2').show();
    });
});