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

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-codeID中的字符串。因此，如果我append()它到codeid，并使用show()，它应该可以工作，但什么也不会发生。有小费吗？

Answer 1

您需要将#放在$（“hid-code”）中，因为您已经将它定义为ID。因此，jQuery必须找到:$（“#hid-code”）。