드롭 다운시 요소 이동 방법

Question

현재 드롭 다운이 펼쳐진 후 드롭 다운 아래의 요소가 숨겨져서는 안되는 작업이 필요합니다.

드롭 다운이 확장되면서 아래로 내려 가서 펼쳐져 펼쳐져 있어야합니다.

이것이 가능합니까?

<select id="test"> 
<option value="a">A</option> 
<option value="b">B</option> 
<option value="c">C</option> 
<option value="d">D</option> 
<option value="e">E</option> 
</select> 
<div>abc</div> 

내가 드롭 다운이 그것이 드롭 다운 옵션 뒤에 숨겨진 얻을 나던 너무을 확장 때 아래로 이동 DIV " ABC"를 원하는 :

나는 아래의 샘플 코드가 있습니다.

드롭 다운 unexpand를되면, 나는 DIV "ABC" 다시 원래의 위치로 가고 싶어요.

Answer 1

당신은 당신의 최소 높이 CSS 속성을 변경하려면 드롭 다운에 onClick 이벤트를 연결합니다 ..

1. 를 다음으로 이동하는 방법은 두 가지가 드롭 다운 뒤에 숨겨진 요소를 원하지 않는 것을 의미하는 경우 (다른 요소들을 포함하고있는) 아래 상자 또는 'auto'에서 선택 상자의 컨테이너를 필요로하는 픽셀 수로 옮깁니다.

2. divs/ul을 사용하여 CSS에서 드롭 다운을 구현하여 하위 요소를 표시하거나 숨 깁니다. 웹 사이트가 헤더의 드롭 다운 메뉴와 동일한 접근 방식을 취할 수 있습니다. 그러면 모든 콘텐츠가 푸시됩니다.