使用javascript和css轉換擴展div

我有一段文字，我想在點擊它時動畫。這裏是下面的jsfiddle鏈接，html和css非常簡單。有人可以向我解釋爲什麼它不起作用嗎？使用javascript和css轉換擴展div

我的JavaScript代碼如下所示：

function show-hide(element) 
{ 
    var classname = document.getElementById(element).className; 
    if (classname == "hidden") 
     document.getElementById(element).className = "visible"; 
    else 
     document.getElementById(element).className = "hidden"; 
}

而且我有這個在我的HTML：

<div id="container"> 
<div id="content" class="hidden" onclick="show-hide('content');"> 
Lorem ipsum dolor sit amet... 
</div> 
</div>

來源

2013-05-31 E.Cross

'-'沒有在功能名稱中不允許。這將是瞭解[JavaScript錯誤控制檯]（http://www.netmagazine.com/tutorials/javascript-debugging-beginners）如何工作的好時機。 – JJJ

好主意，我剛剛開始用JavaScript。謝謝。 –

即使我改變了功能，它在jsfiddle中也不起作用。爲什麼？ http://jsfiddle.net/jtKuZ/23/ –

我寧願jQuery的這個：

它使你的生活輕鬆很多：

$('#content').on('click', function() { 
    $(this).toggleClass("visible"); 

    if($(this).is('.visible')) 
     $(this).animate({left: 0}, 1000); 
    else 
     $(this).animate({left: '490px'}, 1000); 
});

http://jsfiddle.net/Recode/jtKuZ/14/

來源

2013-05-31 05:47:38 kelunik

其實很有道理。 –

我喜歡簡單的創建單獨的CSS類，+1 –

誰downvoted，爲什麼？ – kelunik

使用javascript和css轉換擴展div

回答

相關問題