选中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>