为功能中的所有其他按钮添加隐藏 jQuery

Question

有人可以帮我在那个函数中为所有其他按钮添加隐藏命令吗？因为在这个函数中我可以在同一个页面上放置多个按钮而无需重复函数。

var d = document;
function trclick(a){
  var b=a.id,view,valbt;
  var c=$("#bd_"+b);
  var e=d.getElementById('nod_'+b);
  view=c.css('display');
  c.toggle('slow');
  valbt=(view=='none'?'[-]':'[+]');
  e.innerHTML=valbt;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<center>
  <button id="look1" onclick="trclick(this);" style="font-size: 11px; cursor: pointer;"><span id="nod_look1">[+]</span>Look1</button>
  <div id="bd_look1" style="border: 0px inset; margin: 0px; padding: 6px; display: none;">
    HELLO
  </div><br />
  
  <button id="look2" onclick="trclick(this);" style="font-size: 11px; cursor: pointer;"><span id="nod_look2">[+]</span>Look2</button>
  <div id="bd_look2" style="border: 0px inset; margin: 0px; padding: 6px; display: none;">
    HELLO
  </div><br />
  
  <button id="look3" onclick="trclick(this);" style="font-size: 11px; cursor: pointer;"><span id="nod_look3">[+]</span>Look3</button>
  <div id="bd_look3" style="border: 0px inset; margin: 0px; padding: 6px; display: none;">
    HELLO
  </div>  
</center>

Answer 1

为内容 div 添加 class（例如："bd"），并始终在显示当前 div 之前隐藏它们。 [+] / [-] 跨度相同。

var d = document;
function trclick(a){
  var b=a.id,view,valbt;
  var c=$("#bd_"+b);
  $(".bd").hide(100); //hide all first
  $(".nod").html('[+]'); //reset labels to [+]
  c.toggle('slow'); //it could be c.show('slow')
  $("#nod_"+b).html('[-]'); //current label to [-]
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<center>
  <button id="look1" onclick="trclick(this);" style="font-size: 11px; cursor: pointer;"><span class="nod" id="nod_look1">[+]</span>Look1</button>
  <div id="bd_look1" class="bd" style="border: 0px inset; margin: 0px; padding: 6px; display: none;">
    HELLO
  </div><br />
  
  <button id="look2" onclick="trclick(this);" style="font-size: 11px; cursor: pointer;"><span class="nod" id="nod_look2">[+]</span>Look2</button>
  <div id="bd_look2" class="bd" style="border: 0px inset; margin: 0px; padding: 6px; display: none;">
    HELLO
  </div><br />
  
  <button id="look3" onclick="trclick(this);" style="font-size: 11px; cursor: pointer;"><span class="nod" id="nod_look3">[+]</span>Look3</button>
  <div id="bd_look3" class="bd" style="border: 0px inset; margin: 0px; padding: 6px; display: none;">
    HELLO
  </div>
</center>

为功能中的所有其他按钮添加隐藏 jQuery

Add hide for all other buttons in functions jQuery

javascript

jquery

show-hide