Javascript 通过单击标题隐藏时间轴部分

如何制作这样一个东西：当你点击一个标题年，整个部分隐藏/卷起，就像一个扰流板效果。同时，不仅可以隐藏活动部分，还可以隐藏超过1个的任何部分。提前谢谢你

不幸的是，我的js技能太低，无法独自解决问题

作用{ "严格使用",； //定义变量 var items=document.querySelectorAll.timeline li； 函数IsElementViewPortel{ var rect=el.getBoundingClientRect； 回来 rect.top>=0&& rect.left>=0&& rect.bottom类似这样的东西

$('.year').click(function(){
   $(this).parents('section.timeline').hide(300);
})

作用{ "严格使用",； //定义变量 var items=document.querySelectorAll.timeline li； //检查元素是否在视口中 // http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport 函数IsElementViewPortel{ var rect=el.getBoundingClientRect； 回来 rect.top>=0&& rect.left>=0&&

---

我很高兴能帮助你。