Javascript 如何在默认情况下隐藏窗体并在单击时显示

我有一个评论表单，它是由一个php while循环显示的

Post 1
Comment box 1

Post 2
Comment box 2

我想在默认情况下隐藏注释框，当用户单击注释链接时，表单应该显示出来

这是我试过的

$(document).ready(function() {

    $("#showActionComment").hide();
    $("#showActionComment").click(function() {
        $("#comForm").show();
    });
});

Html

php while循环从这里开始
职位1
php while循环到此结束

由于循环，可能有15个职位

---

上述代码在我的情况下不起作用

为类设置display:none属性

.form-horizontal{
     display:none
}

无论何时刷新页面，它都不会显示表单。

---

单击事件时，它将根据您的单击事件将显示：无更改为显示：块。

为类设置显示：无属性

.form-horizontal{
     display:none
}

无论何时刷新页面，它都不会显示表单。

---

单击事件时，它将根据您的单击事件将显示：无更改为显示：块。

您正在循环中创建具有相同id的元素。HTML中的标识符必须唯一，否则它将无效HTML。您可以使用类选择器和它们之间的关系来遍历元素

CSS .showActionComment{display:none；}

生成HTML的PHP脚本

注意：动态生成元素时，使用委托事件方法

一般语法

---

您正在使用相同的id在循环中创建元素。HTML中的标识符必须唯一，否则将导致无效的HTML。您可以使用类选择器和它们之间的关系来遍历元素

CSS .showActionComment{display:none；}

生成HTML的PHP脚本

注意：动态生成元素时，使用委托事件方法

一般语法

---

默认情况下通过css隐藏表单

#comForm {
display:none;
}

然后单击按钮后显示它

 $("#showActionComment").click(function() {
        $("#comForm").show();
    });

---

默认情况下通过css隐藏表单

#comForm {
display:none;
}

然后单击按钮后显示它

 $("#showActionComment").click(function() {
        $("#comForm").show();
    });

---

也许您的意思是-注意ID必须是唯一的：

$（函数（）{
$（“.showForm”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
$（this）.next（“.showActionComment”）.toggle（）；
});
});
.showActionComment{display:none}



也许您的意思是-注意ID必须是唯一的：


$（函数（）{
$（“.showForm”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
$（this）.next（“.showActionComment”）.toggle（）；
});
});
.showActionComment{display:none}



您应该首先使用CSS隐藏元素，即
.form水平{display:none；}
$（文档）
对于动态添加的表单，您应该首先使用CSS隐藏元素，即
.form horizontal{display:none；}
$（文档）
对于动态添加的formcode，它工作得非常好，但是当我点击链接时，它会显示第一篇文章的形式，因为所有id都是相同的，并且它是循环的，将id更改为类-它只会在我的codefirst 15文章中的链接通过ajax从数据库中获取之后显示下一条注释！控制台中的代码似乎不起作用。代码运行得很好，但当我点击链接时，它会显示第一篇文章的形式，因为所有id都是相同的，它是循环的，将id更改为类-它只会在我的代码中的链接后显示下一条注释第一篇15篇文章是从数据库中获取的，第15篇文章是由ajax获取的！代码似乎无法在控制台中工作错误？@SagarSingh，什么不工作？请具体说明，以便我们可以帮助您单击评论后，什么都没有发生我也检查了控制台，但没有错误，当我删除$（此）。下一步，并将其替换为$（“.showActionComment”）.show（）；它工作，但当我点击评论，它显示了我所有的评论form@SagarSingh，请分享准确的HTML，可能在我们缺少的something@SagarSingh，什么不起作用？请具体说明，以便我们可以帮助您单击评论后，什么都没有发生我也检查了控制台，但没有错误，当我删除$（此）。下一步，并将其替换为$（“.showActionComment”）.show（）；它工作，但当我点击评论，它显示了我所有的评论form@SagarSingh，请分享准确的HTML，也许在a中我们遗漏了一些东西
 $("#showActionComment").click(function() {
        $("#comForm").show();
    });