Javascript 如何创建隐藏的链接列表，以便当我将鼠标悬停在主链接上时，所有其他链接都会显示出来？

我想创建一个链接列表，这样当我将鼠标悬停在顶部时，其余的链接就会显示出来。如果这个问题已经回答了，请告诉我。我找过了，没找到。有点像当我将鼠标悬停在链接上时，它下面会显示更多的链接。

使用Jquery的、和方法。

HTML:

内容

CSS:

有两个
或
，在第一个链接中插入主链接，使其可见，并使其他链接在第二个链接中无显示

('MAIN LINK SPAN OR DIV').hover(
  function () {
    $("CHILD LINKS SPAN OR DIV").show();
  }, 
  function () {
    $("CHILD LINKS SPAN OR DIV").hide();
  }
);

我假设您正在谈论嵌套级联菜单教程将对您有所帮助。
如果您正在使用Jquery：

<a class='mainlink'>main Link</a>
<a class='sublink'>SubLink</a>
<a class='sublink'>Sublink</a>

但是，我肯定会阅读Jason p.的教程，而不是仅仅粘贴这些内容。
从这里开始：请不要只是链接到其他网站作为答案，我建议您完全避免使用W3Schools链接。
<a class='mainlink'>main Link</a>
<a class='sublink'>SubLink</a>
<a class='sublink'>Sublink</a>

$('.mainLink').hover(
    function(){
        $('.sublink').show();
    },
    function(){
        $('.sublink').hide();
    });