Question

我尝试实现手风琴jquery切换向下滑动并向上滑动左侧导航栏但我使用下面的jquery和html代码。但它不起作用它只显示“点击这里”。

    <script type="text/javascript">
                jQuery("#accordion > li > div").click(function () {

                if (false == $(this).next().is(':visible')) {
                    jQuery('#accordion ul').slideUp(300);
                }
                jQuery(this).next().slideToggle(300);
            });
            jQuery('#accordion ul:eq(0)').show();

        </script>

这是我在html中的代码：

<ul id="accordion">
            <li>
                <div>
                   Click here</div>
                <ul>
                    <li><a href="#"</a>outer view</li>
                    <li><a href="#"</a>our works</li>
                    <li><a href="#"</a>Atrs</li>
                    <li><a href="#"</a>contac us</li>
                    <li><a href="#"</a>Demo</li>
                </ul>
            </li>
        </ul>

    </ul>

Answer 1

我希望你不要忘记：

$(document).ready(function() {
    // Put all your jQuery goodness in here.
});

http://docs.jquery.com/

Answer 2

在你的第2行jQuery（“accordion＆gt; li＆gt; div”）中，不应该是

jQuery("#accordion > li > div").

我建议您尝试使用Firebug或Firefox中的JavaScript控制台检查语法错误...

jquery手风琴上滑和下滑菜单不起作用

2 个答案: