如何在jQuery Accordion菜单中获取完整标题?

时间:2014-02-28 18:22:02

标签: jquery jquery-ui-accordion

现在我有一个jQuery Accordion菜单,当单击父级的[+]时,子类别会下拉。但是,我正在尝试修改它,以便在单击整个父类别标题时它也会下降,而不是仅仅转到主类别页面。

Here's a fiddle that I've got so far

我被告知我需要这样的东西:

$('<menu title class>').on('click',function(event){
    event.preventDefault();
    event.stopPropagation();
    //pull the menu down 
 });

我不知道在哪里放置它,我只知道我想要完成的东西需要在第64行之前完成,在第一个jQuery块中。下面代码的其余部分只是来自我网站的其他jQuery,不需要崩溃的小提琴。

1 个答案:

答案 0 :(得分:1)

CSS修复可能更简单:

http://jsfiddle.net/isherwood/LtzZz/4/

.accordion span.opener {
    display: block;
    width: 100%;
    background-position: right 50%;
}

您需要将其包装在适当的媒体查询中,以便它仅适用于移动菜单。

更正:只需使用.mobile类来过滤它:

.mobile .accordion span.opener {
    display: block;
    width: 100%;
    background-position: right 50%;
}