HTML - hidden

0

Mając taką strukturę dokumentu jak poniżej, jak zrobić ukrywani/odkrywanie zawartości "cos2".
Najlepiej używająć tylko HTML5 i CSS3, ewentualnie jak trzeba to JS

	<div class="cos">
		<div class="cos1"></div
		<div hidden="cos2"></div>
	</div>
1

<div hidden="cos2"></div>
To na pewno jest poprawne?

http://www.w3.org/html/wg/drafts/html/master/editing.html#the-hidden-attribute napisał(a)

All HTML elements may have the hidden content attribute set. The hidden attribute is a boolean attribute.

0

Wygląda na to, że nie jest.
Więc jak to przerobić, aby działało poprawnie.

1

ukrywanie/odkrywanie - fajnie, ale w jakiej sytuacji? :P
jeżeli po najechaniu na coś - wystarczy css, jeżeli po klinięciu - javascript.

a ogolnie nie podoba mi sie ten atrybut hidden. kojarzy mi sie z wpychaniem prezentacji w strukturę, czyli te słynne <font>-y i inne cuda z HTML4

0

To wolę tą wersję z najeżdzaniem.

Ale jeśli masz gdzieś pod ręką przykład z kliknięciem to też możesz dać na przyszłość.

Z góry dzięki

1

Na szybko: http://jsbin.com/iwuzef/3/
Selektory mogą być inne w zależności od kodu HTML, nie robiłem tego idealnie pod Twój przykład - pytanie tak ogólne, że konkretniejszej odpowiedzi się nie da

0

Świetny przykład, dzięki wielkie

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.