jQuery切换错误

我使用以下代码切换页面上的某些内容。问题是，如果用户点击太快，那么会打开多个面板并停留在页面上。我猜这是因为我使用的是单击而不是切换，但为了完全控制动画，我选择了单击功能。有没有办法绕过这个问题？谢谢

编辑：我发现的另一个错误是，在页面加载时，第一个面板会淡出，然后由于.filter“：first”而再次出现；在代码末尾，但这用于获取第一个面板上的活动状态。还有别的选择吗

jQuery(document).ready(function()
                {
                    var tabContainers = $('div.feature > div');
                    tabContainers.hide().filter(':first').show();
                    $('div.feature ul.feature-nav li a').click(function ()
                    {
                        var ref = this;
                        tabContainers.filter(':visible').fadeOut(500, function()
                        {
                            tabContainers.filter(ref.hash).fadeIn(500);
                        });

                        $('div.feature ul.feature-nav li a').removeClass('selected');
                        $(this).addClass('selected');

                        return false;

                    }).filter(':first').click();
                });

---

bug 2-您需要首先使用css或jquery隐藏元素，找出当元素被单击时是什么将其定义为活动的，并在html代码中默认将其置于此状态，而不是当前的操作方式

---

e、 g.如果活动状态是a包含所选的类，则将其添加到页面加载时要激活的链接。

我不希望默认元素在加载时淡入。它应该像平常一样可见，并且所有其他元素都隐藏。您不需要在document ready函数中运行hide函数，因为这是隐藏所有元素，然后显示一个，因此会出现褪色问题