JavaScript JQuery 隐藏/显示功能

Question

所以最近我一直在研究一些 js。

所以，基本上，我的问题是我需要隐藏参数中传递的任何内容，或者如果它已经隐藏则显示它。

这是我的代码:

<script type='text/javascript'>
<!--
function toggleReport(table){
//the table argument is the table's id
alert(table);                    //to check that the name of the table is right
if($('#table').is(':visible')){ //check if visible
    $('#table').hide();     //if so, hide it
    alert('hide');          //send a message that it is now being hidden
}else{                          //if already hidden
alert('show');                  //send a message that it is now being shown
$('#table').show();             //show the table
}

}
//-->
</script>

但是，它不起作用....它正在发送警报，一切都是正确的，但是，它不会隐藏或显示表格....

但是，如果我尝试这样做:

<script type='text/javascript'>
<!--
function toggleReport(){
//removed the argument
alert('table_1');
if($('#table_1').is(':visible')){
    $('#table_1').hide();
    alert('hide');
}else{
alert('show');
$('#table_1').show();
}

}
//-->
</script>

有效!为什么会这样？因为我将在网站上有很多表格和其他需要隐藏和显示的东西，我不想为每个表格创建一个新功能.. :/

请帮帮我!

谢谢!!

Answer 1

非常简单，使用toggle()代替show()/hide()，toggle()使隐藏的元素可见，可见的隐藏.

<script type='text/javascript'>;
function toggleReport(element_ID){
$("#"+element_ID).toggle();
}
</script>

如果您想对元素 ID 进行硬编码而不是使用以下脚本

<script type='text/javascript'>
function toggleReport(){
$("#table_1").toggle();
}
</script>

干杯，不要忘记投票赞成我的答案 :)