Добавить слайд для переключения

Question

Я пытаюсь добавить слайд-эффект на мой тумблер сценарий

<script> 
    function clickitems() { 
     // action 1 
     if(document.getElementById('spoiler2').style.display=='none'){ 
      document.getElementById('spoiler2').style.display='block'; 
     } 
     else{ 
      document.getElementById('spoiler2').style.display='none'; 
     }; 
     // action 2 
     if(document.getElementById('spoiler').style.display=='block'){ 
      document.getElementById('spoiler') .style.display='none'; 
     } 
    } 
</script> 

Но до сих пор безуспешно, может кто-нибудь помочь мне? Высокая оценка

Элементов спойлер и spoiler2 простых DIV элементов

<div id="spoiler" style="width:300px;height:100%;display:none;"> Txt and image Content</div> 
<div id="spoiler2" style="width:300px;height:100%;display:none;"> Txt and image Content</div> 

Кнопка <a class="button" onclick="clickitems()">Items</a>

И да я мог бы пойти с пунктом тегом вместо ссылки

Answer 1

Ok, до сих пор я получил это,

JavaScript, чтобы закрыть другой и открытый элемент JQuery при переключении выбранного элемента

<script> 
    function clickitem() { 

     if(document.getElementById('spoiler').style.display=='block'){ 
      document.getElementById('spoiler') .style.display='none'; 
     } 
    } 
</script> </p> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#flip").click(function(){ 
     $("#spoiler2").slideToggle("slow"); 
    }); 
}); 
</script>