Checkbox активирует блок с radio-button

[Chris]

Здравствуйте, задача заключается в том, чтобы при неактивном чекбоксе блок с radio-button был 50% прозрачный, при активном соответственно 100%.
Пример кода - http://jsfiddle.net/cXPdJ/

 

[tigra60]

Это хорошо, что вы умеет задачи ставить!
Если вы хотите, чтобы кто-то вам эту задачу решил, то есть такая ветка на форуме, называется "Работа для вебмастера", туда и пишите.
Если вы хотите решить задачу самостоятельно и чтобы вам помогли, тогда напишите, что вы сделали для решения задачи, на чем "споткнулись" и пр.

 

[FiRеFоX]

Я включил компьютер, создал папку "Мой проект", открыл блокнот, засучил рукава и всё, дальше споткнулся че делать?

 

[Chris]

Нет, я не хочу что мне решили задачу. Возможно, кто-то знает где про решение задачи есть статья или сам может дать какую-то стартовую информацию.

 

[tigra60]

Какая тут может быть статья? CSS учим - селекторы и псевдоклассы.
Проще всего получить результат можно так:
http://jsfiddle.net/WsdVk/
Боюсь только,что это не то, что вам нужно (ввиду отсутствия функционала).

 

[Chris]

C помощью CSS я делал, но в ie-8 и ниже :checked не работает.По этому нужен JS. А статья, http://anton.shevchu...-write-plugins/ вот такая (серия статей) мне как раз для того, чтобы хоть немного начать понимать кто такой js и с кем его едят .

Может я и задал такой вопрос (некорректный, наглый, незнаю как еще вы думаете), но писать:

Я включил компьютер, создал папку "Мой проект", открыл блокнот, засучил рукава и всё, дальше споткнулся че делать?

Не нужно. Или вы, в этом предложении хотели показать себя Специалистом?

 

[CamaroSS]

http://jsfiddle.net/qjpxr/2/
В общих чертах так. Можно без jQuery обойтись.

 

[Chris]

Благодарю Вас!

$jq = jQuery.noConflict();
if($jq('#check').attr('checked')) - в этой строке получается проверяем активный ли чекбокс.
$jq("#radiobox-curtain").hide(); - если активен, то прячем абсолютный div

$jq('#check').click(function() {
$jq("#radiobox-curtain").toggle(); - понятно =)
})

Получается первая часть проверяет состояние, а вторая часть уже функция которая срабатывает при событии "клик". Верно?

 

[CamaroSS]

Первая часть определяет начальное состояние закрывающего дива в зависимости от того, включен ли чекбокс по умолчанию, должна вызываться после загрузки чекбокса.

z-index из css тут можно выкинуть - перемудрил.