Can;t get it to work correctly.

Here is my existing code:

$(document).ready(function(){
        //References
        var sections = $("#cs_links a");
        var loading = $("#loading");
        var content = $("#cst_wrap_mid");
       
//Manage click events
        sections.click(function(){
                //show the loading bar
                showLoading();
                //load selected section
                switch(this.id){
                        case "js_appoint":
                                content.slideUp();
                                content.load("/externals/appoint.htm", hideLoading);
                                content.slideDown();
                                break;
                               
                        case "js_contact":
                                content.slideUp();
                                content.load("/externals/contact.htm", hideLoading);
                                content.slideDown();
                                break;

                        case "js_gifts":
                                content.slideUp();
                                content.load("/externals/gifts.htm", hideLoading);
                                content.slideDown();
                                break;

                        case "js_order":
                                content.slideUp();
                                content.load("/externals/order.htm", hideLoading);
                                content.slideDown();
                                break;
                               
                        case "js_promise":
                                content.slideUp();
                                content.load("/externals/promise.htm", hideLoading);
                                content.slideDown();
                                break;

                        case "js_quest":
                                content.slideUp();
                                content.load("/externals/quest.htm", hideLoading);
                                content.slideDown();
                                break;

                        case "js_returns":
                                content.slideUp();
                                content.load("/externals/returns.htm", hideLoading);
                                content.slideDown();
                                break;
                               
                        case "js_secure":
                                content.slideUp();
                                content.load("/externals/secure.htm", hideLoading);
                                content.slideDown();
                                break;

                        case "js_shipping":
                                content.slideUp();
                                content.load("/externals/shipping.htm", hideLoading);
                                content.slideDown();
                                break;


                        case "js_terms":
                                content.slideUp();
                                content.load("/externals/terms.htm", hideLoading);
                                content.slideDown();
                                break;
                               
                        case "js_types":
                                content.slideUp();
                                content.load("/externals/types.htm", hideLoading);
                                content.slideDown();
                                break;
                               
                        default:
                                //hide loading bar if there is no selected section
                                hideLoading();
                                break;
                }
        });

        //show loading bar
        function showLoading(){
                loading
                        .css({visibility:"visible"})
                        .css({opacity:"1"})
                        .css({display:"block"})
                ;
        }
        //hide loading bar
        function hideLoading(){
                loading.fadeTo(1000, 0);
        };
});





On Jul 4, 2009, at 6:40 AM, MOZ wrote: