2014-02-16 31 views
0

通常,對於下拉菜單,您會希望當您選擇菜單摺疊選項時,但這不是我的情況。我不想崩潰的下拉菜單中,如果用戶嘗試登錄,點擊用戶名和密碼:下拉菜單總是在點擊時崩潰

http://www.filmgratuiti.org/streamingembed2.php?nome=jobs

我記得它的工作前一陣子大概這是關於CSS,我已經清理同時。 有沒有一個簡單的方法來做到這一點?

PS:我不知道爲什麼,但它看起來像我不能共享可點擊的鏈接...

+0

做一些小提琴,所以我們可以測試它。 –

+0

我現在就做吧 –

+0

奇怪的事情,但與小提琴是一種工作[鏈接](http://jsfiddle.net/5Hgcz/2/)我想我只需要打開螢火蟲,並禁用每一個統治一次,以找出 –

回答

0

試試這個 HTML

<div class="signup" > 
<a href="#">LOGIN</a> 
</div> 

<div class="login_form "> 
<form method="post" action="#"> 
<p>Email</p> 
<p><input type="email" name="email" class="email" placeholder="Email"></p> 
<p>Password</p> 
<p><input type="password" name="password" class="password" placeholder="Password"></p> 
<br> 
<p><span><input type="checkbox" name="check" class="check" style="vertical-align:middle;">Remember me</span><span class="login_btn" ><a href="#">Login</a></span> </p> 

</form> 
</div><!-- login_form --> 

CSS

.signup 
{ 
background-color:rgb(255,255,255); 
width:25%; 
height:25px; 
border-color:rgb(221,221,221); 
border-width:1px; 

-moz-border-radius:1px; 

-webkit-border-radius:1px; 

border-radius:1px; 
border-style:solid; 
text-align:center; 
padding:9px 8px 0 5px; 
margin-top:10px; 

} 

.signup a 
{color:#444444; 
font-size:0.9375em; 
text-decoration:none; 
} 


.login_form 
{ 

width:50%; 
    height:auto; 

padding:10px 0 0 0; 

position:absolute !important; 


} 

.login_form p 
{line-height:150%; 
font-size:0.875em; 
color:#535353; 
padding-left:5px; 

} 

.email, .password 
{border:1px solid #D9D8D7; 
width:96%; 
} 

.login_btn 
{ 
display:block; 


width:80%; 
padding:3px 0 5px 0; 
border-color:rgb(242,128,8); 
border-width:1px; 
border-style:solid; 

text-align:center; 
margin-bottom:2px; 

} 

.login_btn a 
{color:#fff; 
} 

JS

$(".login_form").hide(); 

$(".signup, .login_form").click(function(e) { 
    $(".login_form").show(); 
    e.stopPropagation(); 
    return true; 

    }); 


    $(document).click(function(){ 
    $('.login_form').hide(); //hide the form 

    }); 

這裏是工作fiddle

+0

謝謝,我試圖讓它工作。我會讓你知道 –

+0

我的頁面有一個jquery的信息,我只能找到它 –