Question

我正在尝试使用 Jquery 和 css3 进行风格化的下拉列表菜单。我做了这份工作，这正是我想要的。唯一的问题是它是Jquery的一个技巧。

当我点击其中一个菜单按钮时，我想隐藏/显示div 。问题是它不能完成这项工作。但它没有诀窍。

此处代码正常工作：

https://jsfiddle.net/74ca3epv/2/

您可以看到这是有效的，但

从display:none
中删除.styledSelect

你看到show / hide div不再起作用了。我希望你能明白我的意思。欢迎所有评论:)谢谢！

Answer 1

您必须在此处进行更改：

$listItems.click(function (e) {
        e.stopPropagation();
        $styledSelect.text($(this).text()).removeClass('active');
        $this.val($(this).attr('rel'));
        $list.hide();
        //alert($(this).attr('rel'));

        if($(this).attr("rel")=="reservation1"){
                $("#information").hide();
                $("#reservation").show();
            }
            if($(this).attr("rel")=="information1"){
                $("#reservation").hide();
                $("#information").show();
            }
            if($(this).attr("rel")=="choose1"){
                $("#reservation").hide();
                $("#information").hide();
            }

        /* alert($this.val()); Uncomment this for demonstration! */
    });

检查Fiddle link.

CSS3下拉菜单假JS问题

1 个答案: