通过 jQuery，可以使用 toggle() 方法来切换 hide() 和 show() 方法

显示被隐藏的元素，或隐藏已显示的元素

jquery点击切换

$("button").click(function(){
  $("p").toggle();
});

jquery点击切换  过度时间2秒

$("button").click(function(){
  $("p").toggle(2000);
});

语法:

可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。