jQuery显示和隐藏多个项目

时间:2018-11-04 20:02:20

标签: php jquery

嗨,我要列出所有具有各自属性的项目清单,我需要显示和隐藏每个项目。下面的代码可以工作,但是对于某些数量的项目(通常是编号为2,4,6 ect的偶数),单击时无法显示。无需点击即可显示“ item-small”,点击时显示“ item-content”。

echo '<div class="item-small"><strong><a>'.$title.'</a>:</strong>'.$description.'</div>';

echo '<div class="item-content">';
    CreateItemCurrent($status, $notes, $description, $title, $type, $url_id, $category);
    ItemButton($list_id, $db);
    NoteCreator($list_id, $db);
    DeleteButton($list_id, $db);
echo '</div>';

echo '<script>
$(document).ready(function(){
    $(".item-content").hide();

    $("div.item-small").click(function()
    {
        $(this).next().toggle();
    });
});
</script>';         

1 个答案:

答案 0 :(得分:0)

已解决(但需要解释)

我最终将脚本移到了php和循环之外,因此只使用了一次。我知道这是一种不好的做法,但是为什么重复执行脚本会导致偶数编号的项目失败?