Kullanıcılar jquery

Question

kullanarak herhangi bir yeri tıklattığında Giriş Yapma ve Gizle Giriş formu li etiketi içinde oturum açma formum var.

HTML

<div class='container'> 
    <ul class="pull-right"> 
     <li><a href="#" class="nav-bar">A</a></li> 
     <li><a href="#" class="nav-bar">E</a></li> 
     <li><a href="#" class="lion">Login</a> 
      <div class="eagle form"> 
       <form> 
        ... 
       </form> 
      </div> 
     </li> 
    </ul> 
</div> 

Kullanıcıların login tıkladığında formu show() istiyor ve hide() kullanıcıları jquery kullanarak, başka bir yerde tıklayın formu. How to hide ul using jquery when users click elsewhere

JS giriş formu gösterir ve ben üzerinde alanlarla etkileşim istediğinizde

$(function() { 
    var sesion = $('.eagle.form'); 
    $('.lion').on('click', function (e) { 
     e.stopPropagation(); 
     sesion.toggle(); 
    }); 
    $(document).on('click', function (e) { 
     sesion.toggle(); 
    }); 
}); 

Ancak, yine gizler

:

Ben sonra bu cevabı okumak bu jquery kodu kullanabilirsiniz.

Kodu nasıl düzeltebilirim? Sanırım bir satır eksik.

Sorunu çözmeniz için herhangi bir öneri belirgindir!

Answer 1

: Use jQuery to hide a DIV when the user clicks outside of it

$(document).mouseup(function (e) { 
    var container = $('.form'); 
    if (!container.is(e.target) 
     && container.has(e.target).length === 0) { 
     container.hide(); 
    } 

    $('HERE-GOES-li-CONTAINER').click(function(event) { 
     $('.form').toggle(); 
    }); 
}); 

Answer 2

Demo

HTML:

<ul> 
    <li> 
    <a href="#">test</a> 
    </li> 
    <div class="meh"> 
    <li> <a href="#" class="toggleForm">Form</a> 
     <ul class="form"> 
     <li> 
      <form> 
      <input type="text" /> 
      <input type="submit" /> 
      </form> 
     </li> 
     </ul> 
    </li> 
    </div> 
</ul> 

Js:

$(".form").hide(); 
$(".toggleForm").click(function() { 
    $(".form").toggle(); 
}); 
$(document).on("click", function(e) { 
    if ($(e.target).closest(".meh").length == 0) { 
    $(".form").hide(); 
    } 
}); 

bu aradığınız şey bu mu? Bu soru çözümü kullanarak