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-code ID 中的字符串。 因此，如果我append()其append()到code ID，並使用show() ，它應該可以工作，但沒有任何反應。 任何提示？

Answer 1

您需要將#放入$("hid-code") ，因為您已將其定義為 id。 因此，它必須是： $("#hid-code")以便 jQuery 找到它。