2010-01-30 3 views

답변

1

엄격하게 CSS에서는 불가능하지 않습니다. jQuery 사용 :

$("#idOfPlus").click(function() { 
    $("#myPlusDiv").show(); 
}); 
1

일반 CSS는 사용할 수 없습니다. 자바 스크립트 프레임 워크를 선택할 수 있습니다.

1

예 그것은 focus 의사 클래스 가능합니다 :

<html> 
<head> 
<style type="text/css"> 
#hidden { display: none; border: 2px solid green; cursor: default; } 
a {text-decoration: none;} /* unvisited link */ 
a, div:visited { color: blue; } 
a:focus #hidden { color: black; display: block; } 
</style> 
</head> 

<body> 
<a href="#">Click to show box 
<div id="hidden">More information!<br/>Click outside to remove</div> 
</a> 
</body> 
</html> 

이 (좀) 당신이 당신의 상자가 링크에 따라서 클릭 이후로는 사용할 수 없습니다 원하는 것을해도. 그리고 상자 밖을 클릭하면 닫힙니다. 그래서 이것이 당신에게 문제가되지 않는 한, 나에게 역시 불가능한 것처럼 보일 것입니다. ...

(다른 누군가가 CSS를 사용하는 것보다 나을 것이없고 더 영리하게 생각할 수 없다면)

: 포커스 가상 클래스를 지원하는 다른 HTML 요소를 찾으면 내보기와 같이 <a> 요소를 사용하는 것보다 낫습니다.

+0

어떻게? 나는 클릭 효과에 대해 이야기하고 있습니다. –

+0

'클릭 효과'란 무엇을 의미 할 수 있습니까? –

0

아이콘을 자신을 가리키는 앵커 또는 아무것도 (href="#")로 설정 한 다음 :active을 사용하여 클래스 변경을 트리거 할 수 있습니다. 그러나 유일한 클릭은 클릭하지 않는 즉시 비활성 상태로 돌아가므로 클래스를 보유 할 다른 규칙이 없다면 아코디언은 최대한 빨리 닫힙니다.

관련 문제