Плавное исчезновение div
 

Всем привет и добрый день!

Имеется скрипт который запоминает на куках расположение блоков какой активен какой нет как мне сделать что бы кнопки плавно исчезала и появлялась

Вот мне скинули пример где плавно исчезает и появляется
Вы наверное мне скажете сделай сама но не тут то было уже 2 день мучаюсь и не как скрестить не могу эти 2 скрипта:

Где работает плавное исчезновение:

<div class="type_1">Другой вид материала</div> 
<div class="type_2">Основной вид материала</div>

<div class="view_1" onclick="iseed2()"><a href="javascript:;">Вид первый</a></div> 
<div class="view_2" onclick="iseed1()"><a href="javascript:;">Вид второй</a></div>

function iseed1() { 
$('.view_2').fadeOut(400, function(){$('.view_1').fadeIn(400)}); 
$('.type_2').fadeOut(400, function(){$('.type_1').fadeIn(400)}); 
setCookie('presee', '0', 1, '/')} 
function iseed2() { 
$('.view_1').fadeOut(400, function(){$('.view_2').fadeIn(400)}); $('.type_1').fadeOut(400, function(){$('.type_2').fadeIn(400)}); setCookie('presee', '1', 1, '/') 
} 
var presee = getCookie("presee") 
if (presee=='0') { 
$('.type_1').show(); 
$('.type_2').hide(); $('.view_1').show(); 
$('.view_2').hide(); 
}

А вот какой код у меня который работает но не работает плавность блоков и кнопок:

<style type="text/css"> 
.pointer { cursor: pointer } 
.hidden { display: none }
</style>

<div class="tabs-dm-1s left"><div class="left knoka-forum-1-akt pointer type_1 br3" onclick="Views.changeView(1)"></div></div>
<div class="tabs-dm-2s left"><div class="left knoka-forum-2-akt pointer type_2 br3" onclick="Views.changeView(2)"></div></div>
<div class="tabs-dm-3s left"><div class="left knoka-forum-3-akt pointer type_3 br3" onclick="Views.changeView(3)"></div></div>

var Cookie = { 
    'get': function (name) { 
              var nameEQ = escape(name) + "="; 
              var ca = document.cookie.split(';'); 
              for (var i = 0; i < ca.length; i++) { 
                  var c = ca[i]; 
                  while (c.charAt(0) == ' ') c = c.substring(1, c.length); 
                  if (c.indexOf(nameEQ) == 0) return unescape(c.substring(nameEQ.length, c.length)); 
              } 
              return null; 
          }, 
    'set': function (name, value, days) { 
              if (days) { 
                  var date = new Date(); 
                  date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 
                  var expires = "; expires=" + date.toGMTString(); 
              } else var expires = ""; 
              document.cookie = escape(name) + "=" + escape(value) + expires + "; path=/"; 
          } 
} 

var Views = { 
    'currentView': function () { 
       return Cookie.get('view-type') || 1; 
    }, 
    'changeView': function (view) { 
       var self = this; 
       $('.view_' + self.currentView() + ',.view_' + view).toggle(); 
       $('.type_' + self.currentView() + ',.type_' + view).toggle(); 
       Cookie.set('view-type', view, 7); 
    }, 
    'init': function (self) { 
       var self = this; 
       $(function () { 
          if (self.currentView() == 1) { 
             $('.type_1,.view_1').toggle(); 
          } else { 
             self.changeView(self.currentView()); 
          }; 
       }); 
    } 
} 

Views.init();

Очень нуждаюсь в вашей помощи помогите пожалуйста!