Question

好吧，我已经有了这个javascript代码来打开和关闭我网站上的登录标签：

$(document).ready(function() {
    $('#vale_presente_info').tooltip();
    $('#top-login').hover(
        function(){
            $(this).children('#top-login-over:hidden').slideDown(100);
        },
        function(){
            $('#top-login-over:visible').slideUp(100);
        }
    );
    $('#top-login').hover(
        function(){
            $(this).children('#top-login-over-logged:hidden').slideDown(100);
        },
        function(){
            $('#top-login-over-logged:visible').slideUp(100);
        }
    );
}); //ready

HTML：

<div class="absolute" id="top-login">
            <?php if(! isLoggedIn()) : ?>
            <p class="top-login-header">ENTRE<span> ou </span><a href="<?php echo base_url('cadastro'); ?>">CADASTRE-SE</a></p>
            <div id="top-login-over">
                <?php if($this->session->flashdata('loginError')){$loginError = $this->session->flashdata('loginError');} ?>
                <form method="post" action="<?php echo base_url('login'); ?>" novalidate>
                    <p><input type="email" name="user_email" value="" placeholder="EMAIL" /></p>
                    <?php if(isset($loginError)){echo $loginError['user_email'];} ?>
                    <p><input type="password" name="user_password" value="" placeholder="SENHA" /></p>
                    <?php if(isset($loginError)){echo $loginError['user_password'];} ?>
                    <p class="clear"></p>
                    <p class="pull-left" id="login-over-esqueci"><a href="#esqueci-minha-senha" role="button" data-toggle="modal">esqueci minha senha</a></p>
                    <input type="hidden" name="url" value="<?php echo current_url(); ?>" />
                    <p class="pull-right"><input type="submit" name="" value="ENTRAR" /></p>
                </form>
                <p class="clear"></p>
                <p id="top-facebook-login"><a href="<?php  echo $login_url; ?>"></a></p>
                <p class="register-reminder ptop15">Ainda não é um membro?</p>
                <p class="register-reminder">Cadastre-se <a href="<?php echo base_url('cadastro'); ?>">aqui</a></p>
            </div>
            <?php else : ?>
                <p class="top-login-header">VOCÊ ESTÁ LOGADO</p>
                <div id="top-login-over-logged">
                    <div class="pull-left" id="top-login-pic">
                    <?php if(!empty($user['thumb'])) : ?>
                    <p><img src="<?php echo $user['thumb']; ?>" alt="<?php echo $user['primeiro_nome']." ".$user['sobrenome']; ?>" /><p>
                    <?php else: ?>
                    <p><img src="<?php echo base_url('student_images/sample_thumb.png'); ?>" alt="<?php echo $user['primeiro_nome']." ".$user['sobrenome']; ?>" /><p>
                    <?php endif; ?>
                    </div>
                    <div class="pull-left mleft15" id="top-login-info">
                        <p class="julius font14"><?php echo $user['primeiro_nome'];?></p>
                        <p class="font12"><a href ="<?php echo base_url('aluno/meu-perfil'); ?>">Editar Perfil</a></p>
                    </div>
                    <div class="clear"></div>
                    <div id="top-login-links" class="mtop20">
                        <a href="<?php echo base_url('aluno/meu-perfil'); ?>">Meu Perfil</a> | <a href="<?php echo base_url('aluno'); ?>">Meu Campus</a>
                    </div>
                    <div class="clear"></div>
                    <p id="top-login-logout"><a href="<?php echo base_url("login/logout"); ?>">Sair</a></p>
                </div>
            <?php endif; ?>
        </div>

问题是，当您输入电子邮件地址并且意外地将鼠标移出顶部登录div时，这有点烦人。所以我想在你点击时把它改成打开。再次点击时关闭。

简单地将.hover更改为.click不起作用。你能帮我解决一下如何解决这个问题吗？

谢谢！

Javascript悬停点击

0 个答案: