php - 鼠标悬停时下拉数据

Question

我正在编写一个 php 页面，当鼠标悬停在链接上时，应该会下拉更多链接和一些信息。问题是，我不知道该怎么做。

我已经输入了一些javascript，我可以获得我想要下拉的div的id。然而，设置可见性不起作用，因为这只会使该 block 出现或消失。我需要添加和删除 block 吗？我希望解决方案不需要重新加载页面，而 css 充其量只是最后的手段。

<script type="text/javascript">
function showElement(id){
    document.getElementById(id).style.visibility = "visible";
}
function hideElement(id){
document.getElementById(id).style.visibility = "hidden";
}
</script>

对于那些建议我使用 jquery 的人，这是我的尝试，基于您给我的内容和一些谷歌搜索:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready( function() {
        $('a#').each( function(){
            var $id = $(this).attr('id');
            $('a#'+$id).hover(function(){
                $('div#'+$id).toggle();
            });
        });
    });
    </script>

这不起作用。诚然，这并不奇怪，因为我在昨天之前从未看过 jquery。不过，我不知道它出了什么问题(可能有很多问题)。它试图做的是遍历所有链接，然后当鼠标悬停在上面时，应该显示具有相同名称的 div。或者这就是理论。

Answer 1

请考虑使用像 jquery 这样的 JavaScript 库操作 dom 元素。下面是 hover 函数的一个非常基本的示例。

http://jsfiddle.net/LC7Fy/1/

查看jquery documentation其他使用示例。