帮我看看这段jquery 改变边框颜色的问题

Question

$(".tpk_list ul li").each(function(){
  $(this).click(function(){
if($(this).find(".photo_right").css("display")=="block")
{
  $(this).css({"border":"1px solid blue"});
}
else
{
  $(this).css({"border":"1px solid red"});
}
  });
  $(this).mouseover(function(){
    $(this).css({"border":"1px solid red"});
  });
  $(this).mouseout(function(){
    $(this).css({"border":"1px solid blue"});
  });});
我要的效果是 鼠标放上去 是红色 离开是蓝色 点击后边框是红色 
可现在这样做的话 点击后红色闪一下就变成了蓝色

Answer 1

估计是冒泡了 。
你这里好像不需要用each

Answer 2

你这是因为点击后移开鼠标的时候又触发了mouseout事件
可以加个标志，被点击后就锁定元素不处理mouseout事件