User:Zubachi/vector.js

• actually make this animate...

$(document).ready(function() {

// console.log("DOM is ready!");

// #mw-panel .portal hidden

// #mw-panel width is 2em

var openWidth = "10em";

var closedWidth = "2em";

var animationDuration = 500;

$("#mw-panel").hover(function() {

// console.log("Hovering.");

$(this).stop().animate({ width: openWidth }, animationDuration);

// console.log("Panel opened!");

$("#content").stop().animate({ marginLeft: openWidth }, animationDuration);

// console.log("Content moved!");

$("#left-navigation").stop().animate({ marginLeft: openWidth }, animationDuration);

// console.log("Nav moved!");

$("#mw-panel .portal").show();

// console.log("You're portals are showing...");

}, function() {

// console.log("Mouse leaving.");

$(this).stop().animate({ width: closedWidth }, animationDuration);

// console.log("Panel closed");

$("#content").stop().animate({ marginLeft: closedWidth }, animationDuration);

// console.log("Content returned");

$("#left-navigation").stop().animate({ marginLeft: "0" }, animationDuration);

// console.log("Nav returned");

$("#mw-panel .portal").hide();

// console.log("Where'd my portals go?");

});

});