[iis_]

Вот мой пример: http://jsfiddle.net/dkf42wk7/3/

Идея в том, чтобы при чеканьи импута показывать контент.
Источник: http://www.sitehere.ru/animirovannye...a-css3-i-html5
Тильда "~" в это вопросе не помогает.(
И насколько я знаю родительского селектора у нас нет.
Подскажите, пожалуйста, падавану - как обойти красиво этот способ?
Хотелось бы сохранить семантику разделения табов и контента.

Для примера можете проследить как будет появляться контент добавив первому section такой стиль:

 -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    z-index: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.2s 0.1s;
    -moz-transition: all ease-out 0.2s 0.1s;
    -o-transition: all ease-out 0.2s 0.1s;
    -ms-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;

Спасибо заранее!!