为函数中的所有其他按钮添加隐藏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

添加一个类（如： “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>