如何使動畫時關閉？[Java腳本]

的JavaScript這裏如何使動畫時關閉？[Java腳本]

<script> 
    function toggle2(showHideDiv, switchTextDiv) { 
     var ele = document.getElementById(showHideDiv); 
     var text = document.getElementById(switchTextDiv); 
     $(ele).slideToggle(); 
     if(ele.style.display == "block") { 
      ele.style.display = 'none'; 
     } else { 
      ele.style.display = 'block'; 
     } 
    } 
</script>

和HTML

<a id="myHeader" href="javascript:toggle2('myContent','myHeader');" > 
    <img src="gcont/images/cloud/folder.png" alt="" height="30" width="30"/> 
    General 
</a> 
</div> 
<div style="clear:both;"></div> 
<div id="contentDiv"> 
    <div id="myContent" style="display: none;"> 
     <a href="http://1drv.ms/1ZN0HuD" target="_blank">____Test Sub Article</a></br> 
     <a href="http://1drv.ms/1PiCKtz" target="_blank">____Green Line Stock</a> 
    </div> 
</div>

任何機會，使近平滑？曲子關閉仍然存在bug無法運行動畫。謝謝

來源

2016-01-21 Nur1Labs

您可以附加的jsfiddle請。這有助於我們更好地調試 –

當我嘗試不加載大聲笑https://jsfiddle.net/Nur1Labs/L0txkvmx/ – Nur1Labs

沒有必要設置display風格，slideToggle()將處理它

function toggle2(showHideDiv, switchTextDiv) { 
 
    $('#' + showHideDiv).slideToggle(); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <a id="myHeader" href="javascript:toggle2('myContent','myHeader');"> 
 
    <img src="gcont/images/cloud/folder.png" alt="" height="30" width="30" />General</a> 
 
</div> 
 
<div style="clear:both;"></div> 
 
<div id="contentDiv"> 
 
    <div id="myContent" style="display: none;"> 
 
    <a href="http://1drv.ms/1ZN0HuD" target="_blank">____Test Sub Article</a> 
 
    <br/> 
 
    <a href="http://1drv.ms/1PiCKtz" target="_blank">____Green Line Stock</a> 
 
    </div> 
 
</div>

來源

2016-01-21 03:04:25

工作很好謝謝你：D – Nur1Labs

如何使動畫時關閉？[Java腳本]

回答

相關問題