12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- // 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);
- });
|