/* making expandable div areas with jqueyr */ $(document).ready(function(){ // start by contracting condiments and drinks //contractCondiments(); //contractDrinks(); //contractExtras(); // now setup the events $("#sushi-boxes-selection-title").click( function () { if($("#sushi-boxes-selection-title").hasClass("contracted")) { expandSushiBoxes(); contractCondiments(); contractDrinks(); contractExtras(); } else { //contractSushiBoxes(); } } ); $("#condiments-selection-title").click( function () { if($("#condiments-selection-title").hasClass("contracted")) { expandCondiments(); contractSushiBoxes(); contractDrinks(); contractExtras(); } else { //contractCondiments(); } } ); $("#drinks-selection-title").click( function () { if($("#drinks-selection-title").hasClass("contracted")) { expandDrinks(); contractCondiments(); contractSushiBoxes(); contractExtras(); } else { //contractDrinks(); } } ); $("#other-extras-selection-title").click( function () { if($("#other-extras-selection-title").hasClass("contracted")) { expandExtras(); contractSushiBoxes(); contractDrinks(); contractCondiments(); } else { //contractExtras(); } } ); }); var expandToolTip = "Click to expand menu"; function expandSushiBoxes() { if($("#sushi-boxes-selection-title").hasClass("contracted")) { $("#sushi-boxes-collapsible-div-inner").show(); $("#sushi-boxes-collapsible-div-outer:hidden").slideDown("fast"); $("#sushi-boxes-selection-title").removeClass("contracted"); $("#sushi-boxes-selection-title").html('sushi boxes'); $("#sushi-boxes-selection-title").removeAttr('title'); } } function contractSushiBoxes() { $("#sushi-boxes-collapsible-div-inner").slideUp("fast"); $("#sushi-boxes-collapsible-div-outer").slideUp("medium"); $("#sushi-boxes-selection-title").addClass("contracted"); $("#sushi-boxes-selection-title").html('sushi boxes'); $("#sushi-boxes-selection-title").attr('title',expandToolTip); } function expandCondiments() { if($("#condiments-selection-title").hasClass("contracted")) { $("#condiments-collapsible-div-inner").show(); $("#condiments-collapsible-div-outer:hidden").slideDown("fast"); $("#condiments-selection-title").removeClass("contracted"); $("#condiments-selection-title").html('condiments'); $("#condiments-selection-title").removeAttr('title'); } } function contractCondiments() { $("#condiments-collapsible-div-inner").slideUp("fast"); $("#condiments-collapsible-div-outer").slideUp("medium"); $("#condiments-selection-title").addClass("contracted"); $("#condiments-selection-title").html('condiments'); $("#condiments-selection-title").attr('title',expandToolTip); } function expandDrinks() { if($("#drinks-selection-title").hasClass("contracted")) { $("#drinks-collapsible-div-inner").show(); $("#drinks-collapsible-div-outer:hidden").slideDown("fast"); $("#drinks-selection-title").removeClass("contracted"); $("#drinks-selection-title").html('drinks'); $("#drinks-selection-title").removeAttr('title'); } } function contractDrinks() { $("#drinks-collapsible-div-inner").slideUp("fast"); $("#drinks-collapsible-div-outer").slideUp("medium"); $("#drinks-selection-title").addClass("contracted"); $("#drinks-selection-title").html('drinks'); $("#drinks-selection-title").attr('title', expandToolTip); } function expandExtras() { if($("#other-extras-selection-title").hasClass("contracted")) { $("#other-extras-collapsible-div-inner").show(); $("#other-extras-collapsible-div-outer:hidden").slideDown("fast"); $("#other-extras-selection-title").removeClass("contracted"); $("#other-extras-selection-title").html('extras'); $("#other-extras-selection-title").removeAttr('title'); } } function contractExtras() { $("#other-extras-collapsible-div-inner").slideUp("fast"); $("#other-extras-collapsible-div-outer").slideUp("medium"); $("#other-extras-selection-title").addClass("contracted"); $("#other-extras-selection-title").html('extras'); $("#other-extras-selection-title").attr('title', expandToolTip); }