我有一个包含一些文本的部分,当您单击它时,我想将其动画化。这是下面的 jsfiddle 链接,html 和 css 非常简单。谁能向我解释为什么它不起作用?
我的 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>
最佳答案
为此我更喜欢 jQuery:
它让你的生活更轻松:
$('#content').on('click', function() {
$(this).toggleClass("visible");
if($(this).is('.visible'))
$(this).animate({left: 0}, 1000);
else
$(this).animate({left: '490px'}, 1000);
});
关于javascript - 使用 javascript 和 css 转换扩展 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16850386/