Jquery mobile jQuery移动搜索列表，带分隔符，也可折叠？

Im使用带分隔符的jQuery移动搜索过滤器：

单击时，我需要分隔符折叠和解压下面的列表项，如以下示例所示：

---

我知道jquerymobile可以轻松地处理可折叠div，但是它可以与我的列表结合使用吗？或者我需要编写一些自定义jQuery来实现这一点吗

不确定您是否解决了问题。但我有一件对我有用的事情，如下所示。这是我第一次在这里回答问题。我从这个论坛中受益匪浅，所以我觉得如果可以的话，我应该回馈

这是我第一次使用Jquery Mobile，所以解决方案可能不是最好的。但这对我来说很有效：

// Build up the divider programatically.
var listHTML = "<ul data-role='listview' data-filter='true'";
listHTML += "<li data-icon='arrow-u'  class='ui-btn-icon-left'>";
listHTML += "<a class='cl-CategoryDivider' id= 'id-Category";
listHTML += categoryCounter;
listHTML += "' > ";
listHTML += CategoryName;
listHTML += "</a>";                         
listHTML += "</li>";                            

// The listview must have this class
listHTML += "<li class='cl-Category";
listHTML += categoryCounter;
listHTML += "'> ";

.......................

希望能有帮助

$('.cl-CategoryDivider').live ("click", function (event)
{   
var ID = this.id.substring(this.id.indexOf("y")+1,this.id.length);
var $span = $(this).parents("li").find ("span.ui-icon");
if ($span.hasClass ("ui-icon-arrow-u")) 
{
    $(".cl-Category"+ID).hide();
    $span.removeClass ("ui-icon-arrow-u");
    $span.addClass ("ui-icon-arrow-d");
} else {
    if ($span.hasClass ("ui-icon-arrow-d")) 
    {
        $(".cl-Category"+ID).show();
        $span.removeClass ("ui-icon-arrow-d");
        $span.addClass ("ui-icon-arrow-u");
    }
}
});