public/main/my_space/slider.js
// 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);
});