Sliding sections using jQuery

gistfile1.txt

slidingSections = function () {

            var $container = $(".sliding-content");
            var $titles = $("h3", $container);
            $(".section", $container).slideUp(0).width(460).hide(); // CM: setting width here to stop the dreaded slidedown jump :)
            $titles.css("cursor", "pointer").append(' <span>(click to expand)</span>');
            
            $container.on( "click", "h3", function () {
                $(".section").slideUp();
                $titles.removeClass("active");
                var $this = $(this);

                if ($this.next().is(":hidden"))
                {
                    $this.addClass("active");
                    $this.next().stop().slideDown(1000);
                }
                else
                {
                    $this.removeClass("active");
                    $this.next().stop().slideUp(1000);
                }
            });

        };