Javascript 隐藏列表项并在单击时显示新的li，但现在我总是需要有一个空的li来"；隐藏“；全部

我有一个脚本，它检查一个li列表并显示第一个，每次单击它都会显示下一个li

问题是这个脚本，我必须添加一个空的li来“隐藏”所有的li，有没有办法解决这个问题，用这个脚本

    $('#test-div2 ul li').hide().filter(':lt(1)').show();
$('#hint-1').click(function(){
   $eL = $('#test-div2 ul li').filter(":visible");
$("#test-div2 ul").find("#test-div2 ul li").hide().next().show();
    if($eL.next().length>0){
              $eL.next().show();
          }
});

这是html：

 <ul>
    <li></li>
    <li>hint 1</li>
    <li>hint 2</li>
    <li>hint 3</li>
    <li>hint 4</li>
    <li>hint 5</li>
    <li>hint 6</li>
    <li>hint 7</li>
    </ul>

提示1
提示2
提示3
提示4
提示5
提示6
提示7

让容器

div

成为点击获取提示并稍微清理JQuery的对象怎么样

$（'#hits li'）.hide（）；
$（'#test-div2'）。单击（函数（）{
$eL=$（“#提示li”）.filter（“：可见”）；
$（“#提示李：第一个孩子”）.show（）；
如果（$eL.next（）.length>0）{
$eL.next（）.show（）；
}
});
#test-div2{
光标：指针；
}


提示1
提示2
提示3
提示4
提示5
提示6
提示7

显示提示
您可以在
ul
之外使用
按钮
而不是
li
您的意思是什么？我用一个按钮来触发我喜欢你的想法，但我需要其他地方的提示。。因此，不可能让div在那里单击：-（@baswijdenesdotcom）您想要触发它们的提示（和/或）可以在您想要的任何地方。这是一个样式问题。@baswijdenesdotcom我已将答案更新为“断开连接”提示中的
div
。现在，你可以将
div
放在任何你想放的地方。你说得对。对不起。用错误的方式查看了你的脚本。它工作得很好！！非常感谢：-）