简单的html / css类谜语

时间:2012-08-19 17:18:03

标签: jquery html css

this小提琴中,单击“策略”按钮,单击“新建策略”按钮,然后根据此html的第二行(靠近代码底部)

<fieldset id="NewpolicyOverlay" class="menuAbuttons">
  <p><a href="#" class="menuA menuA-open returnBttn" name="level02" title="Create a new policy"><span>New policy</span></a></p>
  <a href="#" id="NewPolicy" class="menuA menuA-open overlayBttnA" name="NewPolicy"><span>Policy</span></a>
  <a href="#" id="Sections" class="menuA overlayBttnA" name="Sections"><span>Sections</span></a>
  <a href="#" id="Transaction" class="menuA overlayBttnA" name="Transaction"><span>Transaction</span></a>
  <a href="#" id="NewPolicySubmit" class="menuB overlayBttnA" name="NewPolicySubmit"><span>Submit</span></a>
</fieldset>

新政策按钮应显示为“打开”(即与其下方的“政策”按钮相同)。即使我用FF检查元素,它也没有menuA-open类。但上面的代码明确表示它应该。它获得了另外两个类:menuA和returnBttn,但不是menuA-open类。

简单来说,新政策按钮在点击后应该是灰色的,带有蓝色边框。

任何人都可以解决这个谜语吗?

谢谢

克里斯

1 个答案:

答案 0 :(得分:2)

单击“策略”时,从该元素中删除类menuA。您应该更改选择器,以便仅从顶部栏中的<a>元素中删除该类(我假设您需要):http://jsfiddle.net/FBvkQ/1/

$(".menuA").click(function() {
    // ...
    $('#menudiv > .menuA') // ...