javascript - jquery中带有箭头的简单下拉列表

Question

我正在尝试创建一个简单的产品列表下拉菜单，它将在点击时过滤产品，因此下拉菜单是Onclick。

问题-

我在一个类别中有多个产品，我正在尝试创建一个下拉菜单，该下拉菜单会折叠点击时未使用的其他产品。

我当前的脚本会折叠所有内容并再次打开它，但无法为其附加类以在打开时显示向下箭头。

有没有其他方法可以实现这个或教程/脚本之类的东西，这太麻烦了。

这是 jsfiddle .

$('.topnav li a').click(function(){
    if($(this).parent().children().is('ul'))
    {
        $(this).parent().find('ul').slideToggle();
    }
    else
    {
        if($(this).parent().parent().is('ul.topnav'))
        {
            $('.topnav').find('ul').slideUp();
        }
        else
        {
            $('.topnav').find('ul').slideUp();
            $(this).parent().parent().slideDown('slow');
        }
    }
});

Answer 1

我没有针对你的问题的具体解决方案，

但是你仍然可以看看这个Select2 jquery 插件，你可以有很多功能，比如搜索和显示图像，只需检查这个链接Select2 - DropDown

希望这对你有帮助...