Question

我正在寻找一些有关淡入隐藏div的帮助。
这是我到目前为止所做的，但它似乎并不想工作，div只显示没有淡入淡出。

$("div").hide();
          // Show chosen div, and hide all others
        $("a").click(function (e) 
        {
            //e.preventDefault();
            $("#" + $(this).attr("class")).show().siblings('div').hide();
        });

$('.one').click(function(){
    $("#one").fadeIn("5000");
    });

HTML

<body>
<a href="#" class="one">One</a>
<a href="#" class="two">Two</a>
<a href="#" class="three">Three</a>
<a href="#" class="four">Four</a><br /><br />
<div id="one">One</div>
<div id="two">Two</div>
<div id="three">Three</div>
<div id="four">Four</div><br/><br/>
</body>

Answer 1

只需点击a上的活动，就像这样：

    $("div").hide();
      // Show chosen div, and hide all others
    $("a").click(function (e) {
        //e.preventDefault();
        $("#" + $(this).attr("class")).fadeIn(5000).siblings('div').hide();
    });

Fiddle

Answer 2

setTimeout（function（）{

$（ “＃一个”）的CSS（ '显示器'， '无'）;

}，5000）;

Answer 3

你没有看到变化因为“一个”停留在同一个位置。尝试先隐藏它，然后你可以淡出

$('.one').click(function(){
    $("#one").hide().fadeIn("5000");
    });

Answer 4

试试这个。

$("body").on('click', '#button-hide' function(e){
    $("#" + $(this).attr("class")).show().siblings('div').hide();
})

$("body").on('click', '#button-show' function(e){
    $("#one").fadeIn("5000");
})

要获得最佳答案，请详细解释您的问题。包括上下文和示例。敬礼！

尝试使隐藏的div在点击时淡入

4 个答案: