Problem z tyldą ( ~ ) Opcje

[Kris Groove]

Witam

Po zaznaczeniu input, <div> z klasa pages powinien sie rozszezyc, ale tego nie robi.

[HTML] pobierz, plaintext 
 
<div>
    <input type="radio" name="radio-set" id="control-1"/><br />
</div>
<section>
	<div class="pages"></div>
</section>
 
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
section .pages
{
width:100px;
height:100px;
background:red;
transition:width 2s;
-moz-transition:width 2s;
-webkit-transition:width 2s;
-o-transition:width 2s;
}
 
#control-1:checked ~ section .pages
{
width:300px;
}
[CSS] pobierz, plaintext 

Lecz gdy usune z poczatku <div> i potem </div> a srodek zostawie to dziala

http://jsfiddle.net/t9d9F/7/

Ten post edytował Kris Groove 23.01.2013, 23:35:44