숨겨진 ul을 표시하기 위해 li을 가리키면 요소 주변에 상자가 형성됩니다.

Question

저는 li 내에 ul이 있습니다. 내가 리를 움직이면 ul이 나타납니다. 그런 일이 생길 때마다 그것을 만들려고 노력하고 있습니다. li와 ul은 모두 상자를 만드는 테두리가 있습니다. http://jsfiddle.net/2Jfpz/

내가하고 싶은 것은 :

• 는 나의 리튬의 테두리가 남아 있는지 확인

  나는 바이올린을 설정했습니다. 어쩌면 내가 리에 가져갈 대신 활성을 사용해야합니까? 또는 JavaScript/jQuery를 사용합니까?

• 내 ul 주변의 경계선이 li 아래에 있으므로 상자 안쪽에 경계선이 생기지 않도록하십시오. 따라서 ul 주변에 별도의 경계가 있고 li 주변에 경계가있는 것처럼 보이는 대신 외부를 따라 하나의 연속 선이됩니다. (예 : 스택 오버플로를 보면 "가장 오래된" "투표"링크는 아래쪽 테두리가없는 것처럼 보입니다. 긴 줄은 링크에서 계속되지 않습니다.) 쉬운 방법이 있습니까? 그 스타일? 여분의 두꺼운 흰색이 나는 리의 아래쪽 경계선을 만듭니 까? 아니면 리 밑에있는 울의 경계를 숨길 수있는 또 다른 방법이 있을까요?

나는 희망이 있습니다.

Answer 1

이게 원하는가요?

http://jsfiddle.net/2Jfpz/1/