jquery的toggle函数实现点击图标实现密码的可见于不可见的切换？

Question

如图，想要用jQuery的toggle函数实现点击眼睛图标密码可见于不可见的切换，但是刷新页面还没有点击icon直接输出2————alert("2");注释掉两行alert()；换成下面的两条代码，发现既不报错也没有执行。但是w3c的例子我试过可以正确执行，请问这是什么原因？谢谢~

    $(".eye").toggle(function(){
        //alert("1");
        $(this).parent().find("input").attr("type","text");
    },function(){
       //alert("2");
        $(this).parent().find("input").attr("type","password");
    });

Answer 1

$('.eye').click(function () {
  $(this).parent().find("input").attr('type', function (_, attr) {
    return attr === 'password' ? 'text' : 'password'
  })
})