隐藏并显示用jquery单击的表行

Question

消散者：

对jQuery来说几乎是新手。

我试图用jquery构建一些非常简单的东西，但我的问题是，我正在处理表，我的框架有时会向我的表中添加标记或类(我在表达式引擎的控制面板中)，这很烦人。所以从本质上说，我没有自由去控制我的结构。

无论如何，我想创建两个，然后隐藏起来，然后用jquery显示它们：

<th class="plus">+</th>
<th class="minus">-</th>

正如我之前解释过的，我不能把它们放在一个div中，所以为了隐藏和展示它们，我在想这样的事情：

$('.plus', '.minus').click(function() {
  $(this).toggle();
  $(this).next().toggle();
});

什么都不做。从技术上讲，它可以工作，特别是如果您只使用其中的一个，当然，我可以使用一个切换类，例如：

hidden {
display: none
}

并使用toogleClass()添加到它们中，但是我试图做一些更干净的事情，而不重复自己。

有什么想法吗？

Answer 1

• 将类(显示隐藏)添加到正负图标中。
• 使用css隐藏减号图标
• 在jquery中，单击显示所有图标，然后隐藏当前单击的图标。

<div class="plus show-hide">
+
</div>
<div class="minus show-hide">
-
</div>

CSS:

.minus {
  display: none;
}

jQuery:

$('.show-hide').click(function() {
  $(".show-hide").show();
  $(this).hide();
});

演示