在css中设置jQuery显示隐藏切换的显示
我想在CSS中设置显示的原因是，所有页面都需要根据页面的不同展开或折叠特定的内容。现在看来，我需要为每个页面的显示首选项加载不同的JS文件。我只想把它集中在一个文件中 CSS: HTML: 我的问题: 如何使用css控制以下内容： 例如： 等等。大约有6-8种不同的页面配置，其中4-5个部分[可扩展1-6]需要以各种组合显示 现在，我可以像上面那样使用{display:block/none等}，但是我的JS按钮有点不稳定。Idea 1: 听起来你好像在为每一页写逻辑。以下是几种方法： 我的建议是使用body类并将其全部放在CSS中 HTML:在css中设置jQuery显示隐藏切换的显示,jquery,css,toggle,Jquery,Css,Toggle,我想在CSS中设置显示的原因是，所有页面都需要根据页面的不同展开或折叠特定的内容。现在看来，我需要为每个页面的显示首选项加载不同的JS文件。我只想把它集中在一个文件中 CSS: HTML: 我的问题: 如何使用css控制以下内容： 例如： 等等。大约有6-8种不同的页面配置，其中4-5个部分[可扩展1-6]需要以各种组合显示 现在，我可以像上面那样使用{display:block/none等}，但是我的JS按钮有点不稳定。Idea 1: 听起来你好像在为每一页写逻辑。以下是几种方法： 我的建议是
<html>
<head>
</head>
<body class="pageA">
</body>
</html>
if (window.location.pathname === '/pageA/') {
$('div.expandable1').show();
$('div.expandable2').hide();
}
<html>
<head>
</head>
<body class="pageA">
</body>
</html>
if (window.location.pathname === '/pageA/') {
$('div.expandable1').show();
$('div.expandable2').hide();
}
你的问题是什么？这种方式使用的toggle（）函数已被弃用，并在jQuery 1.9中删除，但真正的问题是什么？是的，很抱歉，不清楚。希望这样更好？我想我明白了。因此，您需要一个扩展部分的javascript文件，但逻辑仅适用于某些页面。我来写一个答案。你的问题是什么？以这种方式使用的toggle（）函数已被弃用，并在jQuery 1.9中被删除，但真正的问题是什么？是的，对不起，不清楚。希望这样更好？我想我明白了。因此，您需要一个扩展部分的javascript文件，但逻辑仅适用于某些页面。我会写一个答案。谢谢你的回答。已经盯着我的屏幕看了太多小时了。。。我早上第一件事就是试试。再次谢谢你的回答。已经盯着我的屏幕看了太多小时了。。。我早上第一件事就是试试。再次使用Thx
：]<html>
<head>
</head>
<body class="pageA">
</body>
</html>
/* PageA Styles */
.pageA div.expandable1 {display:block;}
.pageA div.expandable2 {display:none;}
/* PageB Styles */
.pageB div.expandable1 {display:none;}
.pageB div.expandable2 {display:block;}
if (window.location.pathname === '/pageA/') {
$('div.expandable1').show();
$('div.expandable2').hide();
}