Jquery加号和减号按钮切换

我有点业余，所以我不知道如何实现这个目标。 我会有一些需要切换加号或减号的按钮：

Jquery：

$(document).ready(function () {
$('.expandable').click(function () {
    $('.expandable').not(this).nextAll('tr').hide();
    $(this).nextAll('tr').toggle(350);

});
$('.expandable').nextAll('tr').each(function () {
    if (!($(this).is('.expandable'))) $(this).hide();
});
});

如何使用我已有的代码实现这一点

我希望具有与以下示例相同的功能：

---

任何帮助都将不胜感激，提前谢谢。

您可以将跨度放在h3中或在单击事件目标中添加跨度。

标题1+
Lorem ipsum dolor sit amet，是一位杰出的领导者。Morbi commodo，ipsum sed pharetra predida，orci magna rhoncus neque，id pulvinar odio lorem non turpis。我坐在这儿



标题2+
Lorem ipsum dolor sit amet，是一位杰出的领导者。Morbi commodo，ipsum sed pharetra predida，orci magna rhoncus neque，id pulvinar odio lorem non turpis。我坐在这儿



标题3+
Lorem ipsum dolor sit amet，是一位杰出的领导者。Morbi commodo，ipsum sed pharetra predida，orci magna rhoncus neque，id pulvinar odio lorem non turpis。我坐在这儿

您可以将跨度放在h3中，或在单击事件目标中添加跨度。

标题1+
Lorem ipsum dolor sit amet，是一位杰出的领导者。Morbi commodo，ipsum sed pharetra predida，orci magna rhoncus neque，id pulvinar odio lorem non turpis。我坐在这儿



标题2+
Lorem ipsum dolor sit amet，是一位杰出的领导者。Morbi commodo，ipsum sed pharetra predida，orci magna rhoncus neque，id pulvinar odio lorem non turpis。我坐在这儿



标题3+
Lorem ipsum dolor sit amet，是一位杰出的领导者。Morbi commodo，ipsum sed pharetra predida，orci magna rhoncus neque，id pulvinar odio lorem non turpis。我坐在这儿

将以下代码添加到事件处理程序：

    $(this).find('[id^=myButton]').val(function(i,v) { 
        return v.trim() == '+' ? '-' : '+';
    });
    $('.expandable').not(this).find('input[type="button"]').val("+");

---

将以下代码添加到事件处理程序：

    $(this).find('[id^=myButton]').val(function(i,v) { 
        return v.trim() == '+' ? '-' : '+';
    });
    $('.expandable').not(this).find('input[type="button"]').val("+");

工作小提琴：

工作小提琴：

---

尝试在js中交换

$('li h3, li span', parent).click(function()

为了

然后你可以把不同的图像放在跨距中，试着使用引导，他们有一些非常好的glpyhicons

---

请看一下，它正在为您的图像使用引导

尝试在js中交换

$('li h3, li span', parent).click(function()

为了

然后你可以把不同的图像放在跨距中，试着使用引导，他们有一些非常好的glpyhicons

---

请看一下，它正在为您的图像使用引导

如果您直接单击“+”供参考，示例对我不起作用。啊，谢谢。我以前没注意到！如果您直接单击“+”供参考，示例对我不起作用。啊，谢谢。我以前没注意到！这是可行的，但我唯一的问题是当行关闭时，按钮仍然是负号。我希望该值再次为正。您正在使用什么浏览器进行测试？在最新的谷歌浏览器上运行良好@tonylka10？对不起，我在firefox上，我会继续测试。谢谢你指出这一点。对我来说，演示效果很好。请在@tonylka10重试此行缺少：$（'.expandable'）。不是（此）。查找（'input[type=“button”]”）。val（“+”；他想在任何其他未点击的按钮上加一个+，因为当你点击另一行时，所有的东西都会被折叠。这是可行的，但我唯一的问题是，当该行关闭时，按钮仍然是一个负号。我希望该值再次为正。您正在使用什么浏览器进行测试？在最新的谷歌浏览器上运行良好@tonylka10？对不起，我在firefox上，我会继续测试。谢谢你指出这一点。对我来说，演示效果很好。请在@tonylka10重试此行缺少：$（'.expandable'）。不是（此）。查找（'input[type=“button”]”）。val（“+”；他想要一个+在任何其他按钮上不点击，因为当你点击另一行时，所有的东西都会被折叠。这正是我所需要的！我要测试一下这个。谢谢大家!+1对于一个有效的解决方案，即使有更干净的方法来实现它。这正是我所需要的！我要测试一下这个。谢谢大家!+1对于有效的解决方案，即使有更干净的方法来实现它。

$('li h3', parent).click(function()