如何在此javascript上添加淡入淡出效果

如何在此javascript上添加淡入淡出效果,javascript,fade,effect,Javascript,Fade,Effect,我只想知道如何在这个javascript代码切换中添加淡入淡出效果 //<![CDATA[ function toggleList(id, displayValue) { var obj = document.getElementById(id); if(!displayValue) { var displayValue = (obj.style.display!='none')?'none':'block'; } obj.styl

我只想知道如何在这个javascript代码切换中添加淡入淡出效果

//<![CDATA[
function toggleList(id, displayValue) {
    var obj = document.getElementById(id);
    if(!displayValue)
    {
        var displayValue = (obj.style.display!='none')?'none':'block';

    }
    obj.style.display = displayValue;
    setCookie(id, displayValue, 30);
    return;
}

window.onload = function()
{
    toggleList('sidebar_block_content', getCookie('sidebar_block_content'));
    return;
}

function setCookie(name, value, expiredays)
{
    if (expiredays==null) { expiredays=0; }

    var expireDate = new Date();
    expireDate.setDate(expireDate.getDate()+expiredays);

    var cookieVal  = name + '=' +escape(value) + ';expires=' + expireDate.toGMTString();
    document.cookie = cookieVal; 
    return;
}

function getCookie(searchName)
{
  if (document.cookie.length>0)
  {
    var nameValuePair, cookieName, cookieValue
    var pairs = document.cookie.split(';');
    for(var i=0; i<pairs.length; i++)
    {
      nameValuePair = pairs[i].split('='); 
      cookieName    = nameValuePair[0].replace(/^\s+|\s+$/g,'');
      cookieValue   = nameValuePair[1].replace(/^\s+|\s+$/g,'');
      if(cookieName == searchName) { return cookieValue; }
    }
  }
  return false;
}
//]]>
/0)
{
变量nameValuePair、cookieName、cookieValue
var pairs=document.cookie.split(“;”);
对于(var i=0;i

这段代码适用于Cookie,我想添加淡入淡出效果(如jquery效果)来使用切换。有人能帮我吗?:)谢谢!

转载如下:

var s = document.getElementById('thing').style;
s.opacity = 1;
(function fade(){(s.opacity-=.1)<0?s.display="none":setTimeout(fade,40)})();
var s=document.getElementById('thing').style;
s、 不透明度=1;
(函数fade(){(s.opacity-=0.1)So。
1.我有这个科目的第一个代码。
2.我有这一行:

<a href="#" class="toggle_sidebarBody toggle_sdautoHide clickable" title="{L_SD_TOGGLE_SIDEBAR}" onclick="toggleList('sidebar_block_content'); return false;">{L_SD_COLLAPSE_ENTITY}</a>

用于切换和我的内容X


当我点击切换按钮时,我希望我的内容以淡入淡出的效果隐藏/显示。

很抱歉,您的第一个代码不起作用。.我只需要用淡入淡出的效果修改我的代码…是的,这是可以的,但我希望我的代码完整(我想保留我的代码)…因为当我点击我的触发器按钮时,我想在
setCookie(id,displayValue,30)之后或之前切换我的元素;
你可以调用
fadeElement(obj)
,这将隐藏元素,您只需将上述小提琴的
fadeElement
功能与代码一起复制。我的意思是,这会产生淡入淡出效果。但当我单击按钮触发时,他会先隐藏并显示我的元素。您是否会在触发操作的位置共享更多代码。因此,我可以进一步帮助您…哟当您触发按钮时,可以使用JQuery的.fadeToggle()函数,您可以替换我的fadeIn()根据你的要求使用这个。请看这个,如何使用它:我不能这样做。我想我太傻了。如果有人能帮我,我会很感激的。我放弃。如果你想要一个很好的描述帮助,请分享你更多的代码。
function toggleList(id, displayValue) {
    $( "#" + id).fadeIn( "slow", function() {
       var obj = document.getElementById(id);
           if(!displayValue)
           {
               var displayValue = (obj.style.display!='none')?'none':'block';

           }
           obj.style.display = displayValue;
           setCookie(id, displayValue, 30);
           return;
    });
}
<a href="#" class="toggle_sidebarBody toggle_sdautoHide clickable" title="{L_SD_TOGGLE_SIDEBAR}" onclick="toggleList('sidebar_block_content'); return false;">{L_SD_COLLAPSE_ENTITY}</a>