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

Show/hide script cannot hide again on 2nd click

本文关键字：隐藏 单击 第二次 脚本 显示      更新时间：2023-09-26

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

下面是示例：http://jsfiddle.net/er9e72ww/

显示/隐藏代码

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

在 jquery 中使用 toggle（） 来重复隐藏和显示

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

演示

这里的问题是你hiding/showing submit/upfrm了，但没有再次showing/hide它。为此使用切换：

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

只需使用 .slideToggle('slow'); 而不是 show() 和hide()，如下所示：

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