我在 javascript 中编写了代码(显示/隐藏 div)。现在我想在 CSS 中使用属性“transition”,但它不起作用。
HEAD 中的 JavaScript:
function show()
{
document.getElementById('add-contact').style.display=\"block\";
document.getElementById('add-contact-button').style.display=\"none\";
}
</script>
div add-contact 和 add-contact-button:
<span id=\"add-contact-button\" href=\"/kontakty#\" onclick=\"javascript:show()\">Dodaj kontakt</span>
<form action=\"kontakty/dodaj\" method=\"post\" id=\"add-contact\" >
...
</form>
部分 CSS:
form#add-contact {
float: right;
width: 223px;
height: auto;
line-height: 27px;
display: none;
transition: height 500ms linear;
}