Javascript 按时间展开/折叠手风琴。HTML JS
有可能按时间自动折叠手风琴吗？我曾尝试在javascript中使用remove类，但没有任何效果，请检查javascript，我的代码中存在的问题，也请查看html代码中的注释。谢谢Javascript 按时间展开/折叠手风琴。HTML JS,javascript,jquery,css,html,Javascript,Jquery,Css,Html,有可能按时间自动折叠手风琴吗？我曾尝试在javascript中使用remove类，但没有任何效果，请检查javascript，我的代码中存在的问题，也请查看html代码中的注释。谢谢 <html> <head> <style> .acc-btn { width:100%; margin:0 auto; padding:20px 25px; background:#34495E; border-bottom:1px solid #2C3E5
<html>
<head>
<style>
.acc-btn {
width:100%;
margin:0 auto;
padding:20px 25px;
background:#34495E;
border-bottom:1px solid #2C3E50;
}
.acc-content {
height:0px;
width:100%;
margin:0 auto;
background:#2C3E50;
}
.acc-content-inner {
padding:30px;
}
.open1 {
height: auto;
}
.open2 {
height: auto;
}
h1 {
font:700 20px/26px 'Lato', sans-serif;
}
</style>
</head>
<body>
<script>
function hideshow() {
classList.remove('open1', 'open2');
var h = parseInt(new Date().getHours());
if (h >= 1 && h < 2) {
classList.add('open1');
}
if (h >= 23 && h < 1) {
classList.add('open2');
}
hideshow();
}(document.querySelector('.acc-container'));
</script>
<div class="acc-container">
<div class="acc-btn"><h1>Heading 1</h1></div>
<div class="acc-content open1"><!-- I want collapse this at 01:00 till 02:00 -->
<div class="acc-content-inner">
<p>Content</p>
</div>
</div>
<div class="acc-btn"><h1>Heading 2</h1></div>
<div class="acc-content open2"><!-- I want collapse this at 23:00 till 01:00 -->
<div class="acc-content-inner">
<p>Content</p>
</div>
</div>
</div>
</body>
</html>
.acc btn{
宽度：100%；
保证金：0自动；
填充：20px 25px；
背景#34495E；
边框底部：1px实心#2C3E50；
}
.acc内容{
高度：0px；
宽度：100%；
保证金：0自动；
背景#2C3E50；
}
.acc内容内部{
填充：30px；
}
.open1{
高度：自动；
}
.open2{
高度：自动；
}
h1{
字体：700 20px/26px“拉托”，无衬线；
}
函数hideshow（）{
移除（'open1'，'open2'）；
var h=parseInt（新日期（）.getHours（））；
如果（h>=1&&h<2）{
添加（'open1'）；
}
如果（h>=23&&h<1）{
添加（'open2'）；
}
hideshow（）；
}（document.querySelector（“.acc container”）；
标题1
内容
标题2
内容
var d = new Date();
if(d.getHours() > 18 && d.getHours() < 19)
$('.acc-btn').first().slideUp();
if(d.getHours() > 19 && d.getHours() < 20)
$('.acc-btn').last().slideUp();
var d=新日期（）；
如果（d.getHours（）>18和&d.getHours（）<19）
$（'.acc btn'）.first（）.slideUp（）；
如果（d.getHours（）>19和&d.getHours（）<20）
$（'.acc btn'）.last（）.slideUp（）；