Can I handle onclick event in CSS?

Question

Expand / Collapse an image in the onclick event can be made in javascript. Can I implement this in CSS means can I handle the onclick event in css?

Answer 1

CSS2 added :focus , the item that has been chosen (by a click or tab)

so

.magic { display:none}
:focus .magic { display:block}

should get you in the correct direction!

it show the magic div when the enclosing div is focused.

I haven't tried it but that what I get from

http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes


PS even if you could do the previous suggestion (I don't think you can) it would call javascript functions!

Answer 2

Yes.
You write it fairly similarly.

DIV.header > H1.TOCtitle {
color : red ;
onclick : "fold_or_unfoldTOC(event)"
}

These are what you can currently use:
onload = script
onunload = script
onclick = script
ondblclick = script
onmousedown = script
onmouseup = script
onmouseover = script
onmousemove = script
onmouseout = script
onfocus = script
This attribute may be used with the following elements: A, AREA, LABEL, INPUT, SELECT, TEXTAREA, and BUTTON.
onblur = script
It may be used with the same elements as onfocus.
onkeypress = script
onkeydown = script
onkeyup = script
onsubmit = script
It only applies to the FORM element.
onreset = script
It only applies to the FORM element.
onselect = script
This attribute may be used with the INPUT and TEXTAREA elements.
onchange = script
This attribute applies to the following elements: INPUT, SELECT, and TEXTAREA.

Answer 3

You can actually do this with just mouseover.
See the following for all sorts of tricks
http://www.cssplay.co.uk/menu/imap.html