javascript - jQuery - 滚动文本或图像链接，暗淡文本和链接图像与子菜单

Question

我正在尝试创建一个菜单，其中文本链接和图像链接链接在一起。通过滚动文本或图像链接，其他文本和图像变暗。

当翻转文本或图像链接时，我试图让每个主链接的子链接淡入淡出。

问题：我需要帮助获取特定的 div 子菜单以显示链接或图像何时翻转。 http://jsfiddle.net/philoman/bWYwn/67/。谢谢你的帮助。

<ul id="buttons" class="together">
<li><a href="#">Button 1</a>
    <ul id="button-1-submenu">
        <li><a href="#">Sub-Menu 1</a>
        <li><a href="#">Sub-Menu 2</a>
        <li><a href="#">Sub-Menu 3</a>
    </ul>
</li>

<li><a href="#">Button 2</a>
    <ul id="button-2-submenu">
        <li><a href="#">Sub-Menu 1</a>
        <li><a href="#">Sub-Menu 2</a>
        <li><a href="#">Sub-Menu 3</a>
    </ul>
</li>

<li><a href="#">Button 3</a>
    <ul id="button-3-submenu">
        <li><a href="#">Sub-Menu 1</a>
        <li><a href="#">Sub-Menu 2</a>
        <li><a href="#">Sub-Menu 3</a>
    </ul>
</li>
</ul>

<ul id="button-images" class="together">
    <li><a href="#"><img src="Button-1-image.jpg" width="50px" /></a></li>
    <li><a href="#"><img src="Button-2-image.jpg" width="50px" /></a></li>
    <li><a href="#"><img src="Button-3-image.jpg" width="50px" /></a></li>
</ul>