首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery手风琴问题/技巧

jQuery手风琴问题/技巧
EN

Stack Overflow用户
提问于 2013-06-08 23:16:35
回答 1查看 95关注 0票数 0

我有一个jQuery手风琴(不使用实际的.accordion函数-因为这有点复杂)--操作不正常。基本上,当你点击一个菜单,它打开,然后点击另一个,之前的菜单应该关闭-但我的没有,我也不知道为什么。

有人能检查一下我的密码看看我遗漏了什么吗?

另外,由于我已经引起了您的注意,是否有一种方法可以让我设置jQuery,以便底部菜单选项(在本例中是联系人部分)向下滑动,显示其上方的内容,而不是下面的内容?

HTML

代码语言:javascript
复制
    <div id="container">
            <div class="menu">
                <section id="about-me">
                    <a href="#" id="about" class="nav">about</a>
                        <div class="menu-stuffing">
(info)
                        </div>
                </section>
                <section id="my-work">
                    <a href="#" id="portfolio" class="nav">work</a>
                </section>
                <section id="my-blog">
                    <a href="" id="blog" class="nav">blog</a>
                </section>
                <section id="contact-form">
                    <a href="#" id="kit" class="nav">contact</a>
                    <div class="menu-stuffing" id="contact-form">
(info)
                    </div>
                </section>
            </div>
        </div>

jQuery

代码语言:javascript
复制
        $("div.menu-stuffing").hide();
        $('div.menu > section > a > div').hide();
        $('div.menu > section > a').click(function() {
            event.preventDefault();
            $(this).next('div').slideToggle('fast')
            .siblings('div:visible').slideUp('fast');
        });
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-08 23:46:53

代码语言:javascript
复制
$("div.menu-stuffing").hide();
$('div.menu > section > a > div').hide();

$('div.menu > section > a').click(function () {
  event.preventDefault();
  $(this).next('div').slideToggle('fast')
  .parent().siblings().find('div:visible').slideUp('fast');
});

FIDDLE

问题在于,您在section中搜索的是a,而不是在其他section siblings中。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17004851

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档