2016-04-09 8 views
0

私はいくつかのJavaScriptコードがあります。小さなJavaScriptのアニメーション統合

<script type="text/javascript"> 
    function hideshow(which) { 
    if (!document.getElementById) 
     return 
    if (which.style.display=="block") 
     which.style.display="none" 
    else 
     which.style.display="block" 
    } 
</script> 

は、どのように私は.slideToggle(1000);アニメーションこのコードを統合することができますか?

+2

codepenまたはjsfiddleを入力してください。 – HenryDev

答えて

0

Displayアニメーションすることはできません。できることはCSSの不透明度と組み合わせることです。
デフォルトCSS:

display:none; 
opacity:0; 
transition:1s opacity ease; 
-webkit-transition:1s opacity ease; 

JS:

which.style.display="block" 
which..style.opacity="1" 

あなたはJavaScriptに新しく追加されたので、私は完全なソリューションを提供していませんでしたが、あなたのアイデアを得るべきでした。