Jquery 使用动画在localStorage中存储JS切换

我想让它与滑动切换一起工作，但无法使其工作：

如果使用上述小提琴重新加载页面，则切换状态将被保存。那就行了！但现在我想有一个很好的动画与这个显示隐藏功能

$（'.a'）。单击（函数（）{
$（“.target”）.toggle（）；
var isVisible=$（'.target'）。是（“：visible”）；
setItem（'visible'，isVisible）；
});
//以字符串形式存储在localStorage中，`toggle`需要布尔值
var isVisible=localStorage.getItem（'visible'）=='false'？假：真；
$（'.target'）.toggle（可见）
body{padding:30px；}
.目标{
背景：#9D0053；
高度：160px；
填充物：5px；
}

按钮
这取决于您想要的动画类型，但一个简单的解决方案是使用
slideToggle（）


还请注意，我简化了localStorage属性逻辑
单击按钮时是否只想滑动切换？这取决于你想要的动画类型，但一个简单的解决方案是
slideToggle（）
：。还要注意，我简化了localStorage属性逻辑。非常感谢！我采用了@rorymcrossangrad的解决方案和简化逻辑，您已经成功了。我加上它作为你的答案
$('.a').click(function() {
  $(".target").slideToggle(function() {
    localStorage.setItem('visible', $(this).is(":visible"));
  });
});

$('.target').toggle(localStorage.getItem('visible') === 'true');