Аккордеон на css

[CroaToa]

Есть блок со ссылкой внутри размером 390*80. Под ним располагается весь остальной контент (некоторые блоки контента имеют ширину 100%). Вопрос, можно ли только с помощью css сделать из всего этого аккордеон? Клик по ссылке - контент открывается. Клик - закрывается.

[rash]

То есть вам по сути не аккордеон нужен, а набор спойлеров? Чтобы каждый последующий клик менял состояние блока на закрытое/открытое?

 

С произвольной разметкой не получится, но если можно написать свою разметку — то возможно. Но это только в порядке упражнения для «поизвращаться». В продакшен я бы такое не пускал.

 

Если вы можете подправить разметку — используйте предназначенный для этого аккордеон, найдите готовый. Если в разметку вмешиваться нельзя, то она, скорее всего, и для css-аккордеона не подойдет.

[CroaToa]

  On 2/20/2014 at 12:40 AM, rash said:

То есть вам по сути не аккордеон нужен, а набор спойлеров? Чтобы каждый последующий клик менял состояние блока на закрытое/открытое?   С произвольной разметкой не получится, но если можно написать свою разметку — то возможно. Но это только в порядке упражнения для «поизвращаться». В продакшен я бы такое не пускал.   Если вы можете подправить разметку — используйте предназначенный для этого аккордеон, найдите готовый. Если в разметку вмешиваться нельзя, то она, скорее всего, и для css-аккордеона не подойдет.

http://jsfiddle.net/CroaToa/WbC7X/ вот более наглядно) что бы при клике на ссылку все что находится ниже ссылки открывалось и при повторном клике сворачивалось На Js решение нашел, только интересует способ именно на css )

[CroaToa]

Колдую над этим http://jsfiddle.net/CroaToa/zpL4k/, пока результат не тот который хочу)

[Bassline]

Вы так и не ответили, можно ли изменять html? Если да, то все легко решается с помощью label и input.

[CroaToa]

  On 2/20/2014 at 7:14 AM, Bassline said:

Вы так и не ответили, можно ли изменять html? Если да, то все легко решается с помощью label и input.

Да можно конечно) По сути его написал я) 

[Bassline]

http://jsfiddle.net/zpL4k/1/

[CroaToa]

  On 2/20/2014 at 8:13 AM, Bassline said:

http://jsfiddle.net/zpL4k/1/

спасибо, помогли.