jquery - 打开页面时自动展开 div

标签 jquery html css

我有这样的链接

<a href="http://192.168.178.165/home/item#145">Item</a>

当我单击该链接时,页面打开并聚焦于该元素。有一个包含多个元素的列表,这些元素都用 css 折叠起来:

.item-hidden {
    height: 0;
    overflow: hidden;
}

当我点击标题时,div 会展开。

有没有办法在打开该页面时自动从链接中展开该 div?

更新

这是折叠和展开的函数

$(function () {
    $(".item-panel").click(function(){
        var itemId = $(this).attr('data-item-id');
        $('#'+itemId).toggleClass('item-hidden');
    });
});

最佳答案

只需将其写在所有其他函数之外的脚本文件之上

var itemId = location.hash;
if($(itemId).length != 0){
  $(itemId).removeClass('item-hidden');
}

关于jquery - 打开页面时自动展开 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43207949/

相关文章:

php - 如何使用ajax传递参数获取数据(laravel)

php - 修改数据库时使用 Jquery 更新页面

javascript - IE7 上的 jquery.ui.autocomplete.js 问题

javascript - 如何在单击时关闭其他子菜单

html - 如何在 Bootstrap 中创建选项卡式面板

html - 使用 overflow-y 时防止垂直剪辑

html - Bootstrap 4 : Flexbox Image on the left and text on the right

html - 作为 parent 的高度和导航栏内的位置

javascript - 如何使用 CDN 在我的 Rails 应用程序中包含 jQuery/bootstrap/javascript?

jquery - 我无法使用jquery获取css属性的值