在jquery上显示和隐藏div

我有这段jquery代码。这个想法是在单击div1时显示div2，反之亦然。我正在缓慢加载div。我看到了一些非常奇怪的事情。在加载div的动画发生并且用户单击两次之前，两个div都会显示在页面上。jquery中是否有一种方法可以确保页面加载，然后如果单击，就会显示div2。我想一次演一个div

 $(function () {

                $('#div1').click(function () {
                    $('#div1').hide();                
                    $('#div2').show(3000);
                });
                $('#div2').click(function () {
                    $('#div2').hide();
                    $('#div1').each(function()
                    {
                        if($(this).html()!='')    
                        $(this).show(3000);
                    }); 
                });
             });

---

代码是正确的，但在回调中显示div。 例如：

---

你能发布你的网页链接吗？可能取决于CSS。

您可以在调用

hide

之前尝试清除动画队列

$(function () {
    $('#div1').click(function () {
        $('#div1').stop(true).hide();                
        $('#div2').show(3000);
    });
    $('#div2').click(function () {
        $('#div2').stop(true).hide();
        $('#div1').each(function()
        {
            if($(this).html()!='')    
            $(this).show(3000);
        }); 
    });
 });

---

您能显示您的HTML和CSS吗？你能创造一个新的世界吗？除非首先将div设置为隐藏，否则当页面首次加载时，您将看到它们。如果用户在

div2

的动画仍在运行时单击

div2

，这仍然没有帮助。

$(function () {
    $('#div1').click(function () {
        $('#div1').stop(true).hide();                
        $('#div2').show(3000);
    });
    $('#div2').click(function () {
        $('#div2').stop(true).hide();
        $('#div1').each(function()
        {
            if($(this).html()!='')    
            $(this).show(3000);
        }); 
    });
 });