选中jQuery复选框，然后更改ul的颜色

我有两个单选按钮。当您进入页面时，会选中第一个。然后，该单选按钮下方的第一个列表可见（黑色文本颜色）。第二个列表和第二个单选按钮的文本为灰色

当用户选中第二个单选按钮时，两个列表必须可见（均为黑色文本颜色）。单选按钮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>

文本
文本

正文
正文
正文
正文
正文


正文
正文
正文
正文
正文

试试看

---

演示：

请发布您迄今为止尝试过的代码。Arun，thnx！差不多好了。选中第二个复选框时，列表必须为黑色。（让我大吃一惊：一定是单选按钮，当我更改单选按钮中的复选框时，代码不会更改回来）@Maanstraat你的意思是对收音机是的。但是：收音机1被选中了，列表1是黑色的。当第二台被选中时，列表一和列表二必须是黑色的。@Maanstraat喜欢是的，谢谢你帮助我！：-）

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()