Kleine JavaScript Animation Integration

Question

Ich habe einige JavaScript-Code:

<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> 

wie kann ich integrieren, um eine .slideToggle(1000); Animation dieser Code?

Answer 1

Display kann nicht animiert werden, was Sie tun können, ist es mit Opazität in CSS zu kombinieren.
Standard-CSS:

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

JS:

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

Da Sie Javascript neu i nicht vollständige Lösung lieferten aber Sie sollten haben die Idee.