Jquery 如何在单击按钮时显示和隐藏局部视图？

我想在单击同一按钮时显示和隐藏我的局部视图。 下面的代码用于显示局部视图。如果用户再次单击同一按钮，如何删除局部视图

$（'#myBtn'）。单击（函数（）{
$.ajax({
url:“/Home/GetData”，
数据类型：“html”，
键入：“获取”，
cache:false，
成功：功能（结果）{
$（'#myPartialView'）.empty（）；
$（'#myPartialView'）.html（结果）
},
错误：函数（xhr、状态、错误）{
var errorMessage=xhr.status+'：'+xhr.statusText；
警报（“错误-”+错误消息）；
}
});
返回false；
});

我正在将

myPartialView

缓存到一个变量，所以我们只需查找一次

编辑：

将代码更改为test for

：empty

，因此即使在初始状态下也应该可以工作

$（'#myBtn'）。单击（函数（）{
var$myPartialView=$（“#myPartialView”）；
如果（$myPartialView.is（':empty'））{
$.ajax({
url:“/Home/GetData”，
数据类型：“html”，
键入：“获取”，
cache:false，
成功：功能（结果）{
$myPartialView.html（结果）；
},
错误：函数（xhr、状态、错误）{
var errorMessage=xhr.status+'：'+xhr.statusText；
警报（“错误-”+错误消息）；
}
});
}
否则{
$myPartialView.empty（）；
}
返回false；
});在该元素上切换“隐藏”属性。我假设您只想获取一次数据，然后将其存储在元素中，直到再次单击为止。第一次单击按钮时，什么也没有发生。之后每次单击都会隐藏或显示部分视图，这是因为它的初始状态是可见的，但它是空的。您可以将其样式设置为
style=“display:none”
尝试新版本。它检查
：empty
，因此即使在初始状态下也应该工作。