Question

我有以下法典:

$("div.button").click(
        function(e){
            e.preventDefault();
            $(this).find("div.th-overlay-dropdown").show();
            var vals = new Object();
            var current = $(this);
            $(this).find("ul").append("<li><a href= #  class= dropdown-filter-link >All</a></li>");
            $("table tbody td." + $(this).find("ul").attr("class") + ":visible").each(function(i){
                var t = trim($(this).text());
                if(t !=  All  && t !=   ) {
                    vals[t] = t;
                }
            });
            var sortedVals = new Array();
            for(var item in vals) {
                sortedVals.push(trim(item));
            }
            sortedVals = sortedVals.sort();
            for(var item in sortedVals) {
                var i = sortedVals[item];
                if(typeof(i) ==  string ) {
                    $(current).find("ul").append("<li><a href= #  class= dropdown-filter-link >" + sortedVals[item] + "</a></li>");
                }
            }
        },

        function (e) {
            e.preventDefault();
            $(this).find("div.th-overlay-dropdown").hide();
            $(this).find("ul").empty();
        }
    );

当我点击div.button时。内容显示下降,但我点击div.button。我第二次想要消失——我究竟是错了吗?

Answer 1

我将尝试使用<代码>toggle的功能:

$(this).find("div.th-overlay-dropdown").toggle();

Answer 2

use toggle instead of click

$("div.button").toggle();

http://jsfiddle.net/s3ZQ6/“rel=“nofollow” http://jsfiddle.net/s3ZQ6/。

友情链接