Javascript JS显示/隐藏默认行为

如何更改默认行为，以便最初仅显示id为films的div的内容

JavaScript:

window.addEventListener("hashchange", function () {
    var targetDiv = $(location.hash);
    if (!targetDiv.is(':visible')) {
        $('.page').slideUp();
        targetDiv.slideDown();
    } else {
        $('.page').slideUp();
    }
}, false);

JS小提琴：

---

最初我尝试将

display:none

添加到页面

div

，但这根本解决不了我的问题，因为它在开始时隐藏了所有内容，而不是显示所有内容。我只需要在加载页面时显示第一个div的内容时保留其功能。

使用jQuery时，请使用jQuery的事件处理样式：

$（窗口）.on（“hashchange”，函数（）{
var targetDiv=$（location.hash）；
如果（！targetDiv.is（'：visible'））{
$（'.page'）.slideUp（）；
targetDiv.slideDown（）；
}否则{
$（'.page'）.slideUp（）；
}
}).trigger（“hashchange”）
.page{
显示：无；
}










使用jQuery时，请使用jQuery的事件处理样式：


$（窗口）.on（“hashchange”，函数（）{
var targetDiv=$（location.hash）；
如果（！targetDiv.is（'：visible'））{
$（'.page'）.slideUp（）；
targetDiv.slideDown（）；
}否则{
$（'.page'）.slideUp（）；
}
}).trigger（“hashchange”）
.page{
显示：无；
}










您可以使用jQuery事件处理程序，并可以在加载时触发事件，以便设置默认视图

$(window).on("hashchange", function () {
    var targetDiv = $(location.hash).stop(true, true);
    if (!targetDiv.is(':visible')) {
        $('.page').not(targetDiv).slideUp();
        targetDiv.slideDown();
    } else {
        $(window).slideUp();
    }
});
if (location.hash) {
    $(window).trigger('hashchange');
}

您可以使用jQuery事件处理程序，并可以在加载时触发事件，以便设置默认视图

$(window).on("hashchange", function () {
    var targetDiv = $(location.hash).stop(true, true);
    if (!targetDiv.is(':visible')) {
        $('.page').not(targetDiv).slideUp();
        targetDiv.slideDown();
    } else {
        $(window).slideUp();
    }
});
if (location.hash) {
    $(window).trigger('hashchange');
}

您可以在页面加载时将哈希值设置为
胶片
。这将在页面加载时显示
影片的内容

加

到您的Javascript



window.location.hash='films'；
addEventListener（“hashchange”，function（））{
var targetDiv=$（location.hash）；
如果（！targetDiv.is（'：visible'））{
$（'.page'）.slideUp（）；
targetDiv.slideDown（）；
}否则{
$（'.page'）.slideUp（）；
}
}，假）
.page{
显示：无；
}











您可以在页面加载时将哈希值设置为
影片。这将在页面加载时显示
影片的内容

加

到您的Javascript



window.location.hash='films'；
addEventListener（“hashchange”，function（））{
var targetDiv=$（location.hash）；
如果（！targetDiv.is（'：visible'））{
$（'.page'）.slideUp（）；
targetDiv.slideDown（）；
}否则{
$（'.page'）.slideUp（）；
}
}，假）
.page{
显示：无；
}











添加此行

$('#films').show();

在解决问题的脚本中添加此行

$('#films').show();

在解决问题的脚本中..
当此解决方案起作用时，当我打开网站时，它会转到电影部分。我只想显示电影部分，而不是在页面打开时转到它。：）@MateiPanchios检查答案底部的
编辑
部分。添加了仅CSS的解决方案当这个解决方案工作时，当我打开网站时，它会转到电影部分。我只想显示电影部分，而不是在页面打开时转到它。：）@MateiPanchios检查答案底部的
编辑
部分。添加了CSS唯一的解决方案