Show/Hide multiple divs and swap out text

Show/Hide multiple divs and swap out text

Hi,

New to jquery. Found this great script, but it only toggles one div. What do I have to change to toggle multiple ones?


$(document).ready(function() {
    $("#setup").click(function() {
        $("#1").slideToggle(function() {
            if ($(this).is(":visible")) {
                $("#setup").html("Close Archives ▲");
            }
            else {
                $("#setup").html("View Archives ▼");
            }
        });
    });
});




HTML

<h3>Title Here<a id="setup" href="javascript:unhide('1');" class="archive">View Archives &#9660;</a></h3>
                   
<div id="1" style="width: 610px; display:none"></div>



<h3>Title Here<a id="setup" href="javascript:unhide('2');" class="archive">View Archives &#9660;</a></h3>
                   
<div id="2" style="width: 610px; display:none"></div>



Thanks!