У меня есть два радиоблока. Первый проверяется, когда вы попадаете на страницу. Затем отображается первый список под этим радиообъектом (цвет черного текста). Второй список и текст второго радиообъекта - серый.
Когда пользователь проверит вторую радиообъемку, должны быть видны 2 списка (оба цвета черного текста). И текст radobutton 1 должен быть в сером цвете.
Когда пользователь переключается с 2 на 1, см. Выше... :-)
Надеюсь, кто-то может мне помочь? :)
HTML:
<div id="order-number">
<div class="split"><input type="radio" name="number" value="5" checked>text</div>
<div class="split"><input type="radio" name="number" value="10">text</div>
</div>
<div id="order-list">
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
</div>
Пытаться
var $uls = $('#order-list > ul'), $chks = $('#order-number input:checkbox');
$chks.change(function(){
var idx = $chks.index(this);
$uls.eq(idx).css('opacity', this.checked ? 1 : .5)
}).change()
Демо: скрипка