Javascript jQuery幻灯片隐藏和显示相同按钮

我有一张简单的jquery幻灯片，我只想要一个按钮。如果正在显示div，则“显示”按钮将变为“隐藏”按钮。如果div被隐藏，隐藏按钮将变为显示按钮

目前，我的有一个单独的显示和隐藏按钮。我不知道如何把这个按钮合并成一个。我希望这里有人能帮助我(

$（文档）.ready（函数（）{
$（“#隐藏”）。单击（函数（）{
$（“.target”）.hide（“幻灯片”，
{方向：“向上”}，500）；
});
$（“#显示”）。单击（函数（）{
$（“.target”）.show（“幻灯片”，
{方向：“向上”}，500）；
});
});
分割宽度：100%；
高度：100px；
背景：#000；
颜色：#fff；
}
我的行李物品
把我的包藏起来
我的包

演示：

演示：

新标记-

<div class="target">My Bag Items</div>
<button id="togButton">Hide</button>

新标记-

<div class="target">My Bag Items</div>
<button id="togButton">Hide</button>

---

---

Ooops.没关系，我已经搞定了。谢谢！：DOoops.没关系，我已经搞定了。谢谢！：DFYI Jay将

$（this）

缓存为

var$this=$（this）；

以避免冗余查找和DOM遍历。当你发现自己在做

$（'someSelector'）时，这是一个好习惯

在一个函数中多次缓存它。干杯~Yep-我知道@AlienWebguy。谢谢提醒。也谢谢这个：如果我用图像替换文本，正确的语法是什么？正确吗？$this.image（'img URL'）？O_uof Yi Jay将

$（这个）

缓存为

var$this=$（这个）是一个好习惯；

以避免冗余查找和DOM遍历。每当您发现自己在执行

$（'someSelector'）时

在一个函数中多次缓存它。干杯~Yep-我知道@AlienWebguy。感谢提醒。也感谢提醒。请注意：如果我用图像替换文本，正确的语法是什么？正确吗？$this.image（'img URL'））谢谢。我从来没有想到有这么多的方法来实现它。DBtw如果我用一个图标而不是一个文本怎么办？同样的原则：

$toggle.html（“”）；

其中

$toggle

需要是一个可以保存图像的容器。你也可以把它变成一个图像，只需交换源代码：

$toggle.attr（'src'(（$target.is（'：visible'）？'img1.png'：'img2.png'）；

谢谢你的提示。你的答案真的很有用！：DWow谢谢你。我从没想过有这么多方法可以实现它。：DBtw如果我用图标而不是文本怎么办？同样的原则：

$toggle.html（''）

其中

$toggle

需要是一个可以保存图像的容器。您也可以将其设置为图像，只需交换源代码：

$toggle.attr（'src'，（（$target.is（'：visible'）？'img1.png'：'img2.png'）；

谢谢您的提示。您的答案非常有用！：D

<div class="target">My Bag Items</div>
<button id="togButton">Hide</button>

$('#togButton').click(function() {
    $('.target').slideToggle(500);
    if( $(this).text() == 'Hide' ) {
        $(this).text('Show');
    } else {
        $(this).text('Hide');
    }
});