Выпадающее меню всегда сворачивается при нажатии

Question

Выпадающее меню всегда сворачивается при нажатии

0

Обычно для меню DropDown вы ожидаете, что когда вы выберете опцию, меню рухнет, но это не мое дело. Я не хочу сбрасывать раскрывающееся меню, если пользователь пытается войти в систему и нажать "Имя пользователя и пароль":

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

Я помню, что это сработало некоторое время назад, вероятно, о CSS, который я убрал тем временем. Есть ли простой способ сделать это?

PS: Я не знаю, почему, но похоже, что я не могу поделиться ссылкой на клики...

Giacomo Tecya Pigani 17 фев. 2014, в 01:36

Источник

0

Сделайте скрипку, чтобы мы могли проверить это.
Hendra Nucleo 16 фев. 2014, в 23:55
0

Я сделаю это прямо сейчас
Giacomo Tecya Pigani 16 фев. 2014, в 23:56
0

Странная вещь, но с скрипкой это своего рода рабочая ссылка, я думаю, мне просто нужно будет открыть firebug и отключить каждое правило по одному, чтобы узнать
Giacomo Tecya Pigani 17 фев. 2014, в 00:09

Показать ещё 1 комментарий

Теги:

javascript

html

css

1 ответ

Ещё вопросы

Сделайте скрипку, чтобы мы могли проверить это.
Странная вещь, но с скрипкой это своего рода рабочая ссылка, я думаю, мне просто нужно будет открыть firebug и отключить каждое правило по одному, чтобы узнать

Atal Shrivastava · Accepted Answer · 2014-02-17T01-53-00.000Z

попробуйте этот 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

  });

вот рабочая скрипка

Спасибо, я пытаюсь заставить это работать. Я дам Вам знать
Где-то на моей странице есть конфликт JQuery, я просто должен найти его