Vis og skjul sektioner - virker kun på den første sektion

<?php
        for ($x = 1; $x <= 10; $x++) {
            echo '
            $(function(){
              $("#settings'.$x.'").hide();
              $("#show_hide'.$x.'").click(function(){
                if($("#settings'.$x.'").hasClass("hide")){
                  $(this).text("

• ");

                  $("#settings'.$x.'").removeClass("hide");
                  $("#settings'.$x.'").addClass("show");
                  $("#settings'.$x.'").show();
                }else{
                  $(this).text("

• ");

                  $("#settings'.$x.'").removeClass("show");
                  $("#settings'.$x.'").addClass("hide");
                  $("#settings'.$x.'").hide();
                }
              });
            });';
        }
        ?>

<div class="info">
    <span id="show_hide1">

• </span>&nbsp;<h4>text 1</h4>

</div> 
<div id="settings1" class="hide">
    <div class="row">bla bla bla</div>
</div>

<div class="info">
    <span id="show_hide2">

• </span>&nbsp;<h4>text 2</h4>

</div> 
<div id="settings2" class="hide">
    <div class="row">bla bla bla</div>
</div>