Jquery 设置上下div的动画

我只是做一个面板，（div）有饼干，可以打开或关闭。 不过，我想在单击时设置div打开或关闭的动画

到目前为止，我掌握的代码是：

var state;
window.onload=function() {
   obj=document.getElementById('closeable');
   state=(state==null)?'hide':state;
   obj.className=state;

   document.getElementById('setup').onclick=function() {
      obj.className=(obj.className=='show')?'hide':'show';
      state=obj.className;
      setCookie();

      return false;
   }
}

function setCookie() {
   exp=new Date();
   plusMonth=exp.getTime()+(31*24*60*60*1000);
   exp.setTime(plusMonth);
   document.cookie='State='+state+';expires='+exp.toGMTString();
}

function readCookie() {
   if(document.cookie) {
      state=document.cookie.split('State=')[1];
   }
}
readCookie();

---

感谢任何帮助

你试过了吗？

你试过了吗？

我不确定我是否正确理解了你的问题。但是，根据我的理解，我已经准备好了一把小提琴来实现你想要的。看一看

编辑：

更新小提琴以解决评论中提到的场景

---

我不确定我是否理解了你的问题。但是，根据我的理解，我已经准备好了一把小提琴来实现你想要的。看一看

编辑：

更新小提琴以解决评论中提到的场景

---

我假设您正在使用jQuery，因为您已经标记了它

尝试： //关于dom ready

jQuery(function($) {
    var panel = $('#closable');
    var state = 'hide';

    $('#setup').click(function(e) {
        e.preventDefault();
        if(state == 'hide') {
            // you can use the animate() or 
            // fadeIn()/fadeOut methods, too
            // depending on desired effect
            panel.slideDown();
            $(this).text('Hide');
            state = 'show';
        } else
            panel.slideUp();
            $(this).text('Show');
            state = 'hide';
        }
        setCookie();
    })
    function setCookie() {
         ...
    }
    function readCookie() {
         ...
    }
}); 

---

我假设您正在使用jQuery，因为您已经标记了它

尝试： //关于dom ready

jQuery(function($) {
    var panel = $('#closable');
    var state = 'hide';

    $('#setup').click(function(e) {
        e.preventDefault();
        if(state == 'hide') {
            // you can use the animate() or 
            // fadeIn()/fadeOut methods, too
            // depending on desired effect
            panel.slideDown();
            $(this).text('Hide');
            state = 'show';
        } else
            panel.slideUp();
            $(this).text('Show');
            state = 'hide';
        }
        setCookie();
    })
    function setCookie() {
         ...
    }
    function readCookie() {
         ...
    }
}); 

---

---

完美的马赫什，我希望你住在布里斯班。我们会立即雇用你。伟大的工作伙伴，再次感谢（您第二次帮助我们）关于我有隐藏显示事件的启动：我想根据显示或隐藏状态更改消息。任何建议那么你最好使用我的代码——我已经为你的场景更新了它。您想使用

text（）

方法。@422:我已经用更新的提琴更新了答案，以解决您提到的情况。另外，正如@typeof提到的，他在回答中也在做动态文本切换。谢谢Mahesh。在页面刷新tho上，未设置cookie。我错过了一些东西，我希望你住在布里斯班。我们会立即雇用你。伟大的工作伙伴，再次感谢（您第二次帮助我们）关于我有隐藏显示事件的启动：我想根据显示或隐藏状态更改消息。任何建议那么你最好使用我的代码——我已经为你的场景更新了它。您想使用

text（）

方法。@422:我已经用更新的提琴更新了答案，以解决您提到的情况。另外，正如@typeof提到的，他在回答中也在做动态文本切换。谢谢Mahesh。在页面刷新tho上，未设置cookie。我遗漏了一些东西LOLOL嗯，代码lol看起来很经济。但是如何在html>中初始化它呢？并设置cookie状态？文档将加载，单击处理程序将附加到显示/隐藏链接。您拥有的cookie函数应该仍然可以工作，所以我没有包括它们。将进行编辑以显示应将它们放置在何处。谢谢，因为Mahesh代码现在不设置cookie，。我也不知道为什么，但我猜这是导致onload事件的原因。老实说，对于cookies的设置和读取，我依赖于这个很棒的jQuery插件：谢谢Typeof，我会检查并测试你的代码。RegardsHmm，代码lol看起来很经济。但是如何在html>中初始化它呢？并设置cookie状态？文档将加载，单击处理程序将附加到显示/隐藏链接。您拥有的cookie函数应该仍然可以工作，所以我没有包括它们。将进行编辑以显示应将它们放置在何处。谢谢，因为Mahesh代码现在不设置cookie，。我也不知道为什么，但我猜这是导致onload事件的原因。老实说，对于cookies的设置和读取，我依赖于这个很棒的jQuery插件：谢谢Typeof，我会检查并测试你的代码。当做