jquery - 使用 jquery 显示/隐藏 div - 不起作用

Question

我正在使用此函数来显示/隐藏 div。

但这不起作用。

它仅适用于隐藏，不适用于显示。我需要以缓慢的方式显示和隐藏字段。

如何做到这一点？

我犯了什么错误......

$(document).ready(function(){
    $("#field-reviewers-items").hide();
    $('#edit-field-openforreview-value-1').click(function(){
        $("#field-reviewers-items").show();
    });
    $('#edit-field-openforreview-value-1').click(function(){
        $("#field-reviewers-items").hide();
    });
});

Answer 1

您设置了两次 click 方法，这意味着 $.hide() 将在 $.show() 之后立即运行。这个过程发生得如此之快，以至于看起来$.show()根本不起作用。相反，设置一次单击并指示它切换可见性:

$("#edit-field-openforreview-value-1").click(function(){
  $("#field-reviewers-items").fadeToggle('slow');
});

此代码假设您需要相同的元素来切换 #field-reviewers-items 元素的可见性；我觉得这是一个安全的假设，因为您的选择器对于两个点击事件都是相同的。不过，您可能有一个拼写错误，第二个选择器应该是 value-2 :

var $fieldRevItems = $("#field-reviewers-items");

$("#edit-field-openforreview-value-1").click(function(){
  $fieldRevItems.show('slow');
});

$("#edit-field-openforreview-value-2").click(function(){
  $fieldRevItems.hide('slow');
});