使用Javascript插入Css。单击（太晚）

我在写我的代码，它的工作，但行动（插入css）是在行动的后期

jQuery(document).ready(function() {

     jQuery("#cal2tozindex").click(function() {
      jQuery("#cal2tozindex").css('z-index','1000');
      jQuery("#cal3tozindex").css('z-index','1');
     });

     jQuery("#cal3tozindex").click(function() {
      jQuery("#cal3tozindex").css('z-index','1000');
      jQuery("#cal2tozindex").css('z-index','1');
     });

});

有一个url，你可以在右边的部分，点击bleu按钮，上面有一个名为“vols”的平面。

我想要什么：

当你点击第一个栏位：“部分日期”（cal2tozindex）时，他 应成为z指数：1000；另一个字段是：“日期” retour'（cal3tozindex）应与z指数为1

单击第二个字段与您相同

我的实际问题：

css的插入是延迟的，javascript会在您单击日期之后，而不是在您首先单击字段时插入css。我真的需要代码在第一次点击时（在字段上）工作，而不是在第二次点击时（在日期上）

谢谢大家帮我解决这个问题

jQuery(document).ready(function() {        
    jQuery("#date_dep_calFLT").focus(function() {
    jQuery("#cal2tozindex").css('z-index','1000');
    jQuery("#cal3tozindex").css('z-index','1');
});
jQuery("#bt-cal_FLT").click(function() {
    jQuery("#cal2tozindex").css('z-index','1000');
    jQuery("#cal3tozindex").css('z-index','1');
});

jQuery("#date_ret_calFLT").focus(function() {
    jQuery("#cal3tozindex").css('z-index','1000');
    jQuery("#cal2tozindex").css('z-index','1');
});

jQuery("#bt-cal_FLT_ret").click(function() {
    jQuery("#cal3tozindex").css('z-index','1000');
    jQuery("#cal2tozindex").css('z-index','1');
});

---

}))

永远不要为你的英语找借口。这很好；）尝试添加/删除css类。你能用简单的英语解释你的问题，而不是用JavaScript/css吗。这将帮助我们提供更好的解决方案。已解决！我需要的目标是按钮和字段，而不是容器@彼得-如果你自己解决了问题，你可以随时发布答案，并在2天后接受。它将帮助其他人，以防他们寻找类似的问题。