2012-10-19 6 views
-3

사이트 (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>&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>​ 

JQUERY

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

코드에 오타가 있기 때문에 "잘못된 문자"라는 오류가 발생합니다. 페이스트를 다시 복사하지 말고 코드를 다시 입력하십시오. –

+0

정말 도움이 필요해. 어떤 도움을 주시면 감사하겠습니다. –

+0

@TravisHolt, 내 의견보기 –

답변

0

어떤 오타 실수 .... 단지 구문 에러 볼 수 없습니다 : JQuery와 1.8.2를 사용해보십시오 라인 67 에 잘못된 문자 및이 :

<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> 
+0

감사합니다. 시도해 보겠습니다. –

+0

누락}}); 스크립트 끝 부분 (웹 페이지). –

+0

모두에게 감사드립니다. 나는 일하도록했다. 슬라이더를 제거해야 작동 할 수있었습니다. –

0

T JSFiddle에서 코드를 복사 할 때 때때로 발생합니다.

jQuery 코드의 마지막 세미콜론 (때로는 마지막이지만 하나)이 잘못된 문자로 복사됩니다. 마지막 행 });을 삭제하고 수동으로 다시 입력하십시오.

+0

감사합니다. Bram. 그럴거야. –

+0

모두에게 감사드립니다. 나는 일하도록했다. 슬라이더를 제거해야 작동 할 수있었습니다. –