输入密码时的显示样式

Question

在我的wordpress网站上，我有一个只能通过密码访问的页面，这是使用内置的WordPress密码保护可见性。

我想要的是当用户输入密码时，我想添加 css，该 css 将在标题菜单中显示当前隐藏的另一个项目。

#menu-item-222 {
display:none;
}

有没有办法使用 php 来实现这一点？

编辑：

回想起来，我的答案并不是很清楚，我想做的是在用户输入正确的密码后显示样式，然后在页面上显示隐藏框/更改和刷新

这就是我到目前为止从答案中得到的。

jQuery("input[name=Submit]").click(function() {
if(jQuery("input[type='password']").val() == 'test12345'){
jQuery("#menu-item-222").css("display","block")
}
});

Answer 1

请检查这个。您需要输入正确的密码才能在顶部显示隐藏元素。

$("#pwd").keyup(function() {
if ($('#pwd').val() == "test123"){
$('#content').show('slow');
}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div id="content" style="display:none;">
Testing Content
</div>
<form>
Enter the password to see the content:
<input id="pwd" type="password" name="pwd" />
</form>

Answer 2

它可以通过检查输入的值来使用javascript或jquery来实现。假设您的密码是"12345">

$(document).ready(function(){
if($("input[type='password']").val() == '12345'){
$("#menu-item-222").css("display","block")
}
})