显示/隐藏脚本无法在第二次单击时再次隐藏

Question

我在 Web 的许多地方都使用了 jquery 显示/隐藏。每个地方都能正常工作，但在这种情况下，它不会在第二次点击中再次隐藏。

示例如下：http://jsfiddle.net/er9e72ww/

显示/隐藏代码

$('#uploadMedia').livequery("click",function(){
  $('#show_img_upload_div').slideToggle('slow');
  $("#comment").focus();
  $('.upfrm').show();
  $('#submit').hide();
});

Answer 1

在jquery中使用toggle()来重复隐藏和显示

$('#uploadMedia').livequery("click",function(){
$('#show_img_upload_div').slideToggle('slow');
$("#comment").focus();
$('.upfrm').toggle();
$('#submit').toggle();
});

DEMO

Answer 2

这里的问题是你是 hiding/showing submit/upfrm 但不是 showing/hide 再次。使用切换来实现：

$('.upfrm').toggle();
$('#submit').toggle();

Answer 3

只需使用.slideToggle('slow'); 而不是show() 和hide() 之类的：

$('#uploadMedia').livequery("click", function () {
    $('#show_img_upload_div').slideToggle('slow');
    $("#comment").focus();
    $('.upfrm').slideToggle('slow');
    $('#submit').slideToggle('slow');
});