Actualización

main/mySpace/slider.js

@@ -0,0 +1,43 @@
+// Set the initial height
+var sliderHeight = "80px";
+
+// Set the initial slider state
+var slider_state = "close";
+
+function sliderAction()
+{
+    if (slider_state == "close") {
+        sliderOpen();
+        slider_state = "open"
+        $(".slider_menu").html('<a href="#" onclick="return sliderAction();"><img src="../img/icons/22/zoom_out.png"></a>');
+    } else if (slider_state == "open") {
+        sliderClose();
+        slider_state = "close";
+        $(".slider_menu").html('<a href="#" onclick="return sliderAction();"><img src="../img/icons/22/zoom_in.png"></a>');
+    }
+
+    return false;
+}
+
+function sliderOpen()
+{
+    var open_height = $(".slider").attr("box_h") + "px";
+    $(".slider").animate({"height": open_height}, {duration: "slow" });
+}
+
+function sliderClose()
+{
+    $(".slider").animate({"height": "0px"}, {duration: "fast" });
+    $(".slider").animate({"height": sliderHeight}, {duration: "fast" });
+}
+
+$(function() {
+    // Show the slider content
+    $('.slider').show();
+    $('.slider').each(function () {
+        var current = $(this);
+        current.attr("box_h", current.height());
+    });
+
+    $(".slider").css("height", sliderHeight);
+});