Привет, мой полный код находится в jsfidlle здесь, я хочу, когда я навещу курсор мыши или нажму в "giris", чтобы мой div появлялся в mouseout, чтобы исчезнуть, как я могу это сделать?
Мой код:
<div class="sign_in_holder">
<div class="tab-content">
<div class="option_content tab-pane tcell-login-box active" embeddedlogin="true" id="trk-sign_in">
<form id="user_sign_in" class="sign_in js-do_login">
<ol class="steps clearfix">
<li>
<input type="text" class="text input_restrict_decimal tcell-user" maxlength="11" placeholder="GSM Numaranız" title="GSM Numaranız">
</li>
<li class="password">
<input type="password" class="text tcell-password" maxlength="15" placeholder="Turkcell Şifreniz" title="Turkcell Şifreniz">
</li>
<li>
<button type="button" id="signin_button" class="btn button-cta tcell-submit-btn">GİRİŞ YAP</button>
</li>
</ol>
</form>
</div>
</div>
</div>
<span class="dropbox_position_element carrot_up"></span></div>
<span class="dropbox_position_element carrot_up"></span></div></li>
Проверьте эту ДЕМО
Если вы хотите использовать только css-решение, вы можете использовать этот код: демо-версия Ankit: http://jsfiddle.net/6XDBE/7/ ваша демонстрация: http://jsfiddle.net/h4TMu/5/
.nav-actions:hover .dropbox{
display: block!important;
}
.dropbox:hover{
display: block!important;
}
вы можете увидеть редактирование в конце css, что важно из-за встроенной dysplay: none
но в этом случае вам нужно использовать родительский (контейнер), чтобы вы учитывали его размер.