-3

私はサイト (lowrateadvisor.com) を持っています。ページの上部に展開可能な div を機能させることに取り組んでいます。サイトではなく、jsfiddle.net/3shEE/95/で動作させることができます。どんな助けでも大歓迎です。

CSS
#expandable a{
color:#fff;
text-decoration:underline;
}
#expandable a:hover{
color:#fff;
text-decoration:none;
}
#expandable {
    width: 100%; 
    height:35px;
    background: transparent;
    overflow: hidden;
background:#000;
color:#fff;
font-size:11px;
text-align:center;
}

#expandable.dropped { 
    background: #666; 
    color: white; 
    border-bottom: 1px solid #111 }

#expandable span {
    display: block;
    width: 100%; height: 50px;
    line-height: 50px; text-align: center;
    cursor: pointer;
}
#expandable ul {
    width: 100%;
}

HTML

<div id="expandable">
    <span> Get the lowest possible rates on pre approved home loans, mortgages and refinancing your home.</span>

    <ul>
        <li>We will never...<br /></li>
        <li>&raquo; Ask for your SSN.</li>
        <li>&raquo; Ask for a credit card.</li>
        <li>&raquo; Store your information.</li>
        <li>&raquo; Hassle or Pressure any applicant.</li>
        <li> <a href="http://lowrateadvisor.com/apply-now/">Get Pre Approved</a> | <a href="http://lowrateadvisor.com/get-pre-approved/">Get A Quote</a></li>
    </ul>

</div>​

Jクエリ

$("#expandable").hover(function() {
    $(this).stop().animate({"height":"200px"},1000).addClass("dropped");
}, function() {
    $(this).stop().animate({"height":"35px"},1000).removeClass("dropped");
});
​
4

2 に答える 2

0

これは、JSFiddle からコードをコピーするときに時々発生します。

jQuery コードの最後のセミコロン (場合によっては最後の 2 つ前) が不正な文字としてコピーされます。最後の行を削除し});て、手動で再入力してみてください。

于 2012-10-19T17:15:29.177 に答える
0

タイプミスは見当たりません....ただのSyntaxError:行67の不正な文字jquery 1.8.2とこれを使用してみてください:

<script type="text/javascript">
$(document).ready(function () {
    $("#expandable").hover(function() {
        $(this).stop().animate({"height":"200px"},1000).addClass("dropped");
    }, function() {
        $(this).stop().animate({"height":"35px"},1000).removeClass("dropped");
    });
});
</script>
于 2012-10-19T17:12:26.333 に答える