드롭 다운 메뉴의 페이드 효과

Question

http://jsfiddle.net/frcdd/11/

바이올렛을 참조하십시오.

질문 : 메뉴 항목을 클릭하면 (예 : "캐나다") 메뉴가 드롭되고 현재 보이는 부분에 배경이 배치되었습니다. 페이드 인 효과도 사용하고 있습니다. 그러나 내 배경은 회색이며 메뉴는 흰색으로 희미 해집니다.

누군가가 스크립트를보고 퇴색을 흰색에서, 검은 색에서 퇴색하는 방법을 볼 수 있는지 궁금합니다.

바이올린을 확인하면 내가 뭘 더 의미 있는지 확인합니다. 블랙

div.container { 
    background:#292B29; 
    padding-top:0px; 
    margin-top: 0px; 
    padding-bottom:0px; 
    padding-top:0px; 
} 

Answer 1

그래서 그냥 용기, #content의 배경을, 하위 메뉴에서 페이딩 것은

Demo

Answer 2

#content { 
    float:left; 
    margin:0px; 
    background:black; 
} 

당신은 당신의 코드에서 실수 있습니다.

귀하의 코드

<div id="content"> 
    <div class="collapsible" id="nav-section1">Canada<span></span> 

    </div> 
    <div class="container"> 
     <ul> 

이

<div id="content"> 
    <div class="container"> 
     <div class="collapsible" id="nav-section1">Canada<span></span> 

     </div> 
     <div> 
      <ul>