jQuery动画（）中的隐藏文本不显示

Question

HTML：

<div>
    <code id="code">about</code>
    <code id="hid-code"></code>   
</div>

CSS：

body {
    background-color: black;
 }
div {
    background-color: transparent;
    width: 100px;
    height: 1.1em;
    text-align: left;
    border: 1px solid #91e0ee;
    margin: 3px;
    font-size: 15px;
 }
#code {
    padding: 2%;
    font-variant: small-caps;
    color: #91e0ee;
    vertical-align: top;
 }
#hid-code {
    font-variant: small-caps;
    color: #91e0ee;
    display: none;
 }

JS：

// STRING TO HIDE
var hidCode = ": who is index?";

// APPEND hidCode TO #hid-code
document.getElementById('hid-code').innerHTML = hidCode;

// jQuery ANIMATION
$("div").click(function() {
    // STYLE ANIMATION
    $("div")
        .animate({ width: "20%", fontSize: "18px" }, "slow" )
        .animate({ borderLeftWidth: "5px", }, 500 );
    // HIDDEN STRING SHOWS UP
    $("hid-code").appendTo('#code').show("slow");
})

添加到变量hidCode 的字符串应该出现在// STYLE ANIMATION 之后。 我使用display: none 隐藏hid-code id 中的字符串。 因此，如果我将append() 设置为code id，并使用show()，它应该可以工作，但没有任何反应。有什么建议吗？

Answer 1

您需要将# 放入$("hid-code")，因为您已将其定义为一个id。所以，它必须是：$("#hid-code") 以便 jQuery 找到它。