Question

我一直在尝试更换基于订阅的WordPress网站上过时的插件，该网站迄今为止一直在向我提供将我的登录表单嵌入主页的功能，并且能够将表单设置为在一个可以切换为打开和关闭的下拉列表中（当首次加载站点时，它最初会显示为关闭状态。）

我想要的是：一个短语（＆＃34;登录和帐户详细信息＆＃34;），当点击时，会显示一个包含登录表单的下拉列表;当再次点击时，再次折叠/关闭下拉列表。

我在WordPress论坛（https://wordpress.org/support/topic/add-custom-login-form-to-navigation?replies=3#post-8649379）中找到了以下内容，并根据我的需要对其进行了调整。

我在child-theme的functions.php文件中添加了：

jQuery(function() {
    jQuery('#form-toggle').click(function() {
        jQuery('#login-form').toggle();
    });
});

我添加到主页：

<div id="form-toggle">Login & Account Details</div>
<div id="login-form">
[login_form]
</div>

我添加到自定义css中：

#login-form {
display: none;
}

#form-toggle {
cursor: pointer;
}

然而，当我实施它时，它显示了＆＃34;登录＆amp;帐户详细信息＆＃34; 和默认情况下也可以看到登录表单。当＆＃34;登录＆amp;帐户详细信息＆＃34;单击，下拉列表折叠/关闭，再次单击时，下拉列表。

有没有办法使用上面的代码，但调整它以便默认情况下下拉列表不会显示，但只有在点击＆＃34;登录＆amp;帐户详细信息＆＃34;文本？

还是有另一种方法可以完成我想要做的事情吗？我对jQuery非常非常新。谢谢你的帮助！

Answer 1

替换

jQuery(function() {
    jQuery('#form-toggle').click(function() {
        jQuery('#login-form').toggle();
    });
});

用

jQuery(document).ready(function(){
       jQuery('#login-form').hide();
       jQuery('#form-toggle').click(function() {
            jQuery('#login-form').toggle();
       });
    });

为登录表单创建jQuery下拉函数

1 个答案: