Проблема с выплывающее меню CSS transition.

[ovak]

Написал по отдельности заготовки для всплывающего меню, а собрать вместе не получается. Checkbox-button-image "плавает, а sidebar не желает.

Edited September 26, 2014 by ovak

[Q4Dizzy]

А причём тут 

<label></label>

когда требуется 

<ul><li></li></ul>

плюс у тега

img

нет обязательного аттрибута src.

 

Рекомендую сначала изучить хорошо теги html.

 

Сделал на скорую руку, в подробности не вдавался.

 

http://jsfiddle.net/pnv1f5wx/

Edited September 25, 2014 by Q4Dizzy

[ovak]

Дописал, изображение кнопки меняется, спасибо за помощь. http://codepen.io/anon/pen/ArpyH

 

1. <ul><li> узко, шаблонно мыслите.

 

2. .......:before {
  content:url(minus.png);

:

:

input:checked.....:before {
    content:url(plus.png);

 

src не обязателен.

 

3. Про теги и скорую руку - я тебя не спрашивал и спрашивать не намерен.    

 

Edited September 26, 2014 by ovak