사이트 (lowrateadvisor.com)가 있습니다. 페이지 위쪽에 확장 가능한 div가 작동하도록 노력하고 있습니다. jsfiddle.net/3shEE/95/에서 작동하도록 할 수 있습니다. 어떤 도움이라도 대단히 감사합니다.Expandable div Jquery 사용하기
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>» Ask for your SSN.</li>
<li>» Ask for a credit card.</li>
<li>» Store your information.</li>
<li>» 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>
JQUERY
$("#expandable").hover(function() {
$(this).stop().animate({"height":"200px"},1000).addClass("dropped");
}, function() {
$(this).stop().animate({"height":"35px"},1000).removeClass("dropped");
});
코드에 오타가 있기 때문에 "잘못된 문자"라는 오류가 발생합니다. 페이스트를 다시 복사하지 말고 코드를 다시 입력하십시오. –
정말 도움이 필요해. 어떤 도움을 주시면 감사하겠습니다. –
@TravisHolt, 내 의견보기 –