Question

我正在寻求有关如何显示内容的建议，然后根据点击的标签隐藏它。所以我想在页面加载时显示div，然后你可以在它们之间切换。目前，我的脚本仅显示它们并在您单击要显示的链接后隐藏。

$('.targetDiv').hide();
$('.show').click(function () {
    $('.targetDiv').hide();
    $('#div' + $(this).attr('target')).show();
});

$('.hide').click(function () {
    $('.targetDiv').hide();

});

Answer 1

将此添加到您的代码中

  $( document ).ready(function() {
        $('#div1').show();
    });

Answer 2

您可以在开头隐藏所有面板，但忽略第一个面板：

// When page is loaded.
$(function () {
    // Hide all panels except the first one.
    $('.targetDiv').not(':first').hide();

    $('.show').click(function () {
        // You can just trigger the click to the Hide All.
        $('.hide').click();

        $('#div' + $(this).attr('target')).show();
    });

    $('.hide').click(function () {
        $('.targetDiv').hide();
    });
});

这样你可以保存一个电话 - 隐藏所有电话，然后显示第一个电话。

Demo

jQuery .not()

jQuery .first()

Answer 3

真的很难说你想要什么以及为什么，但是在加载时你只需要这样做：

$('.targetDiv').hide();
$('#div1').show(); //if you know the id
//OR
$('.targetDiv:first').show(); // alway the first for example...

Answer 4

最简单的方法是隐藏你在开始时需要隐藏的div，如下所示：

$('.targetDiv').hide();

到

$('.targetDiv:not(#div1)').hide();

请参阅：http://jsfiddle.net/4wnyL/

Javascript标签初始内容

4 个答案: