Javascript 如何为jQuery slide.Toggle函数制作标识符

我正在尝试为jQuery slide.Toggle函数创建一个标识符。我在php中运行一个循环来打印值，这些值都有一个按钮和一个div，应该能够slide.Toggle

到目前为止，我在php中尝试了以下内容，但没有成功：

<?php $rooms_array = sizeof($rooms) - 1;
    for ($i = 0; $i <= $rooms_array; $i++) { ?>

    <div style="margin-left:6px;" id="show_more<?php echo $i + 1; ?>">Foo Button</div>
    <div id="more_room_info<?php echo $i + 1; ?>" class="meetingroomInfoHide">
    <?php echo $rooms[$i]['description'] ?>
    </div>

<?php } ?>

因此，上面的代码可以工作，但只适用于循环创建的第一个div。这是因为+1标识符。我已经尝试运行er'for'-循环，但这不起作用，因为我需要'for'-循环位于click函数之外，然后代码就不会运行代码，因为加载页面时它只运行for循环

我遇到的问题是jQuery。我该如何通过某种循环使show\u more成为show\u more1，more\u room\u info成为more\u room\u info1

从技术上讲，我可以将代码修改50次，然后修改+1，但这并不好

问候,，

---

帕特里克

因此，我在尝试了一些不同的方法后找到了解决方案。 对于任何发现自己处于相同问题中的人，这里是我的解决方案

jQuery

function initialise() {

for (var i = 1; i < 20; i++) {
meetingroomInfo(i);
}

}

function meetingroomInfo(roomId) {

    $('#show_more' + roomId).click(function(){
        $('#more_room_info' + roomId).stop().slideToggle('slow'); 
        return false;
           // var not_hide = document.getElementById("more_room_info");
           // not_hide.className = not_hide.className - "meetingroomInfoHide";
    });
}

function initialise() {

for (var i = 1; i < 20; i++) {
meetingroomInfo(i);
}

}

function meetingroomInfo(roomId) {

    $('#show_more' + roomId).click(function(){
        $('#more_room_info' + roomId).stop().slideToggle('slow'); 
        return false;
           // var not_hide = document.getElementById("more_room_info");
           // not_hide.className = not_hide.className - "meetingroomInfoHide";
    });
}