jquery 显示隐藏使用相同的类

Question

https://jsfiddle.net/ccfvkjyf/

$(".date-picking").click(function(){
    $('.display').show(); 
});

我想在单击输入框时显示文本，但是单击另一个输入框关闭文本并使用相同的类再次重新打开文本。

请给出任何想法

Answer 1

您可以尝试以下逻辑:在焦点事件上将焦点输入保存在变量中并在下一个焦点事件中检查它。如果相同的输入再次聚焦，则不要切换，否则切换它

$(document).ready(function(){
var focusedInput;
$(".date-picking").on('focus',function(){
  if(focusedInput!=$(this)){
        focusedInput=$(this); 
    $('.display').hide(1000); 
    $('.display').show(1000); 
  }
});
});

JSFIddle