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/

Witaj.



Tylda dopasowuje się do rodzeństwa - to znaczy do elementu, który jest na tym samym poziomie w drzewie DOM i ma tego samego rodzica.
To by wyjaśniało wszystko.

Użyj jQuery jeśli masz taką możliwość.

Pozdrawiam.