Question

在被点击后,然后用近的纽子隐藏起来时,展示干 the的最佳方式是什么?

我的《格奇法》如下:

$(".imageIcon").click(function(){
$( .imageShowWrapper ).css("visibility",  visible );
});
 $(".imageShowWrapper").click(function(){
$( .imageShowWrapper ).css("visibility",  hidden );
});

除问题Im外,它自动关闭,没有点击。它装上所有ok,显示大约1/2个sec,然后关闭。任何想法?

Answer 1

您可使用<代码>show和hide方法:

$(".imageIcon").click(function() {
    $( .imageShowWrapper ).show();
});

$(".imageShowWrapper").click(function() {
    $(this).hide();
});

Answer 2

根据你的要求,我认为你需要的是简单明了的:。

然而,利用可见度不同于使用显示/视线功能,干线细节:。可见度:隐蔽和显示:无

Answer 3

另一种选择:

$(".imageIcon, .imageShowWrapper").click(function() {  
    $(".imageShowWrapper").toggle($(this).hasClass( imageIcon ));     
});

也可使用<条码>fadeToggle<>/code>和<条码>。

Answer 4

你们将利用“缺陷”方法实现更顺利的过渡:

var imageIcon = $(".imageIcon"),
    imageShowWrapper = $(".imageShowWrapper");

imageIcon.on("click", function(){
  imageShowWrapper.stop().fadeIn();
});

imageShowWrapper.on("click", function(){
   $(this).stop().fadeOut();
});

Demo:

Answer 5

$(".imageIcon, .imageShowWrapper").click(function(){
    $( .imageShowWrapper ).toggle();
});

Answer 6

说不见你们的html,.笑话。但是,与你显示/照亮红线的那部分情况一样,四舍五入正受到页重载的影响? 您可能会将显示/hide div的代码列入$(document).ready(Function(){......})栏。另外,要指出的另一个相关点是,每当Thton、 anchor等html分子被点击时,就把点击视为违约类型 = 提交,该网页也将在这种情况下重载。为此,可使用<代码>event.preventDefault()。

友情链接