Javascript 在jQuery中使用切换使div不可见和可见

我有一个div，当你点击它时，它会变为不可见，当你再次点击它时，它会变为可见。但是我的代码有点问题。请看一看:

<div id = "id"> Hello </div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type = "text/javascript"> 

//*****************************************************************************

function toggleOnClick($id){

$("#"+$id).click(function() {   
$("#"+$id).toggle(

function () {
$(this).css({visibility: "hidden"});
}, 
function () {
$(this).css({visibility: "visible"});

}); //end of $("#"+$id).toggle

}); //end of $("#"+$id).click(function()    

} //end of function toggleOnclick($id)

//*****************************************************************************

$(document).ready(function(){

toggleOnClick("id");

});         

</script>

你好 //***************************************************************************** 函数toggleOnClick（$id）{ $（“#”+$id）。单击（函数（）{ $（“#”+$id）.切换( 函数（）{ $（this.css（{visibility:“hidden”}）； }, 函数（）{ $（this.css（{visibility:“visible”}）； })；//美元（“#”+$id）的结尾。切换 })；//美元（“#”+$id）的结尾。单击（函数（） }//函数末尾toggleOnclick（$id） //***************************************************************************** $（文档）.ready（函数（）{ 切换单击（“id”）； }); 附言：从这个链接中得到了我的来源：

tggle（）

将在

display

属性之间切换，这样在元素隐藏后就不会保留其位置，您需要使用

css（）

回调并更新其

不透明度，它将保留其位置

更新：单击事件将不会在具有
可见性：隐藏的元素上触发，因此您需要使用
不透明度：0

css（）
中的回调函数返回要设置的值。这是当前元素。接收元素在集合中的索引位置和作为参数的旧值。（取自）


你好
//*****************************************************************************
函数toggleOnClick（$id）{
$（“#”+$id）。单击（函数（）{
$（“#”+$id）.css（'opacity'，function（i，v）{
return v==0？1:0；//结束$（“#”+$id）。切换
});
})；//美元（“#”+$id）的结尾。单击（函数（）
}//函数末尾toggleOnclick（$id）
//*****************************************************************************
$（文档）.ready（函数（）{
切换单击（“id”）；
});
你能解释一下回调函数吗？它里面有什么？回调函数也有两个参数。“i”和“v”，但我在任何地方都看不到“i”。它是做什么的？@jessica:i是索引，v是旧的value@jessica：我们不需要i，但我们希望vWhy i包含在参数中，如果我们不需要它？o.o