javascript - JavaScript はすでに開いている div を閉じます

Question

各 div コンテナに一意の ID といくつかの JavaScript を指定しました。したがって、クリックして、見ているページの各レシピを表示/非表示にできますが、新しいレシピが開かれたときに、JavaScript を介して既に開いている div を閉じたいと思います。ドキュメント全体を貼り付けるのではなく、いくつかの抽出したコードを含めました。これは非常に大きいため、以下に実際の URL も示します。

*更新 - は<?=$counter_recipes;?>一意の番号を生成しているだけです。$i++ メソッドと、ページのさらに上のすべて。

ライブ URL - http://bit.ly/1hQuzRI

    <h3 class="box2-title"><?php echo $row_rsCatalogue['pageTitle']; ?></h3>
<a style="color:#000" class="show_hide<?=$counter_recipes;?>">Show/hide</a>

<script type="text/javascript">
$(document).ready(function(){
$("#box_to_show<?=$counter_recipes;?>").hide();
$(".show_hide<?=$counter_recipes;?>").show();

$('.show_hide<?=$counter_recipes;?>').on('click',function(){
$("#box_to_show<?=$counter_recipes;?>").slideToggle();
});

});
</script>
<div class="box2-content" id="box_to_show<?=$counter_recipes;?>">
    <p><?php echo $row_rsCatalogue['pageSubTitle']; ?></p>
    <?php
        if ($row_rsCatalogue['pageId']){
            $rsPriceMatrix = $db->select('pageOption',array('pageId'=>$db->mes($row_rsCatalogue['pageId'])),array('sort'=>'ASC','name'=>'ASC'));
            $ingredients = '';
            while ($row_rsPriceMatrix = $rsPriceMatrix->get_row_assoc()){ 
                $ingredients .= $row_rsPriceMatrix['name'].', ';
            }
            $ingredients = rtrim($ingredients,', ');
            echo '<p>'.$ingredients.'</p>';
        }

    ?>

必要に応じてさらに貼り付けます。