javascript - jQuery Accordion 帮助

Question

我遇到过我试图添加的这段代码，但我担心我把它弄得一团糟。我对 Jquery 或网页设计不是很有经验，我需要帮助来找出我做错了什么以及如何提高效率。

有没有更好/更有效的方法来编写这段代码？

它有一些错误...

• 加载时显示所有 div。我希望它只显示一个我可以选择的。
  
• 当它设置动画时，文本会出于某种原因跳来跳去。
  
• 有时 div 会向上而不是向下设置动画。

这是它现在的样子的链接:http://dl.dropbox.com/u/14080718/Final/NeedHelp.html

    <script>
    $(document).ready(function() {
        // the currently loaded section
        var curLoaded = 'about';

        // navigation trigger
        $('#navbar a').each(function() {
            var $this = $(this)
            var target = $this.attr('href').split('#')[1];
            var $contentContainer = $('#contentContainer');
            var oldPos = 0;
            var newPos = 200;

            // add a click handler to each A tag
            $this.click(function(){
                // if the container isn't open, then open it
                if ($contentContainer.css('height') == '') {
                    // trigger the animation
                    $contentContainer.animate({
                        height: newPos
                    },"slow", function(){
                        // fade in the content
                        $('#' + target).fadeIn();
                    });
                } else {
                    if (curLoaded == target) {
                        $contentContainer.animate({
                            height: oldPos
                        },"slow", function(){
                            $('#content div').hide();
                        });
                    } else {
                        $contentContainer.animate({
                            height: oldPos
                        },"slow", function(){
                            $('#content div').hide();
                            $contentContainer.animate({
                                height: newPos
                            },"slow", function(){
                                $('#' + target).fadeIn();
                            });
                        });
                    }
                }
                curLoaded = target;

                return false;
            });
        });
    });
    </script>

Answer 1

这个 fiddler 上的 css 将有助于所有的 div 最初出现。你能更详细地解释一下其他 2 个错误吗(我似乎没有注意到它们)

Fiddler Code