第二次点击时，显示/隐藏脚本无法再次隐藏

Question

我在网络的很多地方使用了jquery show / hide。每个地方都运作良好，但在这种情况下，它不会再次隐藏在第二次点击。

以下是示例：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');
});