Dropbox меню не закрывается при наведении курсора?

Question

Dropbox меню не закрывается при наведении курсора?

0

Привет, мой полный код находится в 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>

Проверьте эту ДЕМО

Jo_bast 15 апр. 2014, в 14:50

Источник

1

jsfiddle.net/arunpjohny/6XDBE/2
Just code 15 апр. 2014, в 13:25
0

Спасибо @Dholakiya Ankit :)
Jo_bast 15 апр. 2014, в 13:36

Теги:

javascript

html

css

1 ответ

Ещё вопросы

Emanuele Parisio · Accepted Answer · 2014-04-15T12-30-00.000Z

Если вы хотите использовать только 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

но в этом случае вам нужно использовать родительский (контейнер), чтобы вы учитывали его размер.