Javascript Jquery-fadein当innerHTML

我有两个div，#left和#right，使用jquery，我通过单击按钮插入HTML中的一些内容，问题是它不会消失。它将内容放置正确，但不会褪色。这是我尝试过的：

   $('#normal').click(function () {

            var left =  " content to the left ";
            var right= "content to the right"

            $('#left').html(left).fadeIn();
            $('#right').html(right).fadeIn();
});

我已经试过了，但在我的代码上没有用

提前感谢

#左

和

#右

应在调用

fadeIn（）之前隐藏

演示：
您似乎没有将div的
显示设置为
none

<div id="left" style="display:none;">hello

你好


下面是一个类似这样的尝试

      $('#normal').click(function () 
      {

        var left =  " content to the left ";
        var right= "content to the right"
        $('#left,#right').hide()
        $('#left').html(left).fadeIn();
        $('#right').html(right).fadeIn();
     });

或

试试这个，看看这个技巧是否有效：

$（“#正常”）。单击（函数（）{

}))

这里有两件事。首先，如果你的div已经可见，那么你就不会得到fadeIn效果。其次，您可以使用faceIn函数的完整回调事件来添加内容，而不是预先添加内容。
您是否已将
单击
事件放置在DOM ready上？编辑：我认为您必须淡出另一个div，然后淡出单击的那一个。是的，单击事件位于DOM ready上。我的#普通div在开始时是“display:none”，但当我单击其他div时它会显示出来。正在工作，谢谢！！我忘了它不是显示：没有父div。谢谢。我忘了它不是display：父div不是。
      $('#normal').click(function () 
      {

        var left =  " content to the left ";
        var right= "content to the right"
        $('#left,#right').hide()
        $('#left').html(left).fadeIn();
        $('#right').html(right).fadeIn();
     });

    #left,#right
    {
       display:none;
    }

      $('#normal').click(function () 
      {

        var left =  " content to the left ";
        var right= "content to the right"
        $('#left').html(left).fadeIn();
        $('#right').html(right).fadeIn();
     });

        var left =  " content to the left ";
        var right= "content to the right"

        $('#left').hide().fadeIn(function(){ $(this).html(left); });
        $('#right').hide().fadeIn(function(){ $(this).html(right); });