jQuery切换功能在第一次点击时不起作用
问题描述：
我在创建文档时意识到了解决这个问题的方案，以此来回答这个问题......所以我发布了答案，如果没有其他理由而不是让我免于浪费当页面呈现的功能将按照以下顺序时间在这在未来jQuery切换功能在第一次点击时不起作用
答
toggle()有时候很麻烦，我已经做了一些奇怪的事情来检查标记（取消选中它们）和其他各种问题。我建议只是使用点击事件来处理它，而不是轻微的烦恼。而这样一来，你就不必担心什么状态#lowerDiv是摆在首位：
$('#upperDiv').click(function() {
$('#lowerDiv').animate({
'opacity' : 'toggle',
});
});
答
如果要切换的内容显示（可见），如果内容被隐藏原本然后反转功能
<html>
<head>
<style>
#upperDiv {width:200px; height:20px; text-align:center; cursor:pointer; }
#lowerDiv {width:200px; height:20px; background-color:red; border:#206ba4 1px solid;}
</style>
<script language="Javascript" src="javascript/jquery-1.2.6.min.js"></script>
<script type="text/JavaScript">
$(function(){
$('#upperDiv').toggle (
function(){
$("#lowerDiv").hide() ;
},
function(){
$("#lowerDiv").show() ;
}
); // End toggle
}); // End eventlistener
</script>
</head>
<body>
<div id="upperDiv" >Upper div</div>
<div id="lowerDiv" >Lover Div</div>
</body>
</html>
答
我知道这是一个非常古老的问题，但只是人们正在寻找一种快速解决这为我工作：
a。在PHP/HTML文件中：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/.../jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#pClick").click(function(){
$("#pText").toggle();
$("#pText").text("...");
});
});
</script>
b。在CSS文件：
#pText {display: none;}
现在它甚至在第一次点击。这是一个简单而快速的答案，我希望这会很有用。
谢谢，我会给予一些考虑 – 2008-11-13 21:29:20