我有一个小菜单的
jquery问题.我有一个菜单项列表.当我将鼠标悬停在其中一个列表项上时,我想显示与列表项共享相同索引的div列表中的内容.这需要是动态的,允许任意数量的菜单项和内容项.
- $(document).ready(function() {
- $("#leftnav li").each(function(){
- $(this).mouSEOver(function() {
- //SHOW div that shares same index as this li
- });
- $(this).mouSEOut(function() {
- //HIDE div that shares same index as this li
- });
- });
- });
- <ul id="leftnav">
- <li>Link 1</li>
- <li>Link 2</li>
- </ul>
- <div id="content">
- <div>Content 1</div>
- <div>Content 2</div>
- </div>