Javascript 隐藏/显示Ipresso生成的表单内的内容

Javascript 隐藏/显示Ipresso生成的表单内的内容,javascript,php,css,iframe,Javascript,Php,Css,Iframe,在网站上,我有从ipresso生成的表单。我想用样式协议隐藏此内容,单击后我想显示它。但我在哪里可以找到类的名称、id等。?我想添加“隐藏/显示”按钮,该按钮将隐藏或显示表单中的内容。]在浏览器中由ipresso生成的页面上,右键单击要更改的元素,然后选择“检查元素/检查”选项。在源代码中,表单应该有一个id/类,然后在jQuery中使用它作为选择器,我将在下面描述 $("#toggle-button").click(function(){ $("your-form").toggle()

在网站上,我有从ipresso生成的表单。我想用样式协议隐藏此内容,单击后我想显示它。但我在哪里可以找到类的名称、id等。?我想添加“隐藏/显示”按钮,该按钮将隐藏或显示表单中的内容。]

在浏览器中由ipresso生成的页面上,右键单击要更改的元素,然后选择“检查元素/检查”选项。在源代码中,表单应该有一个id/类,然后在jQuery中使用它作为选择器,我将在下面描述

$("#toggle-button").click(function(){
    $("your-form").toggle();
});


如果每次刷新时总是使用不同的ID/类生成元素(我非常怀疑),那么另一件事就是使用更多描述性css选择器,它依赖于html标记的结构保持一致。同样,您可以使用大多数浏览器中的Inspect/Inspect元素找到它们。这是一种解决方法,但我不建议这样做,因为如果结构发生变化,您将不得不在多个位置进行编辑。

您可以使用jQuery切换类解决问题,如果不存在,只需将jQuery添加到您的网站即可

$("#button").click(function(){
   $("#target_div").toggle();
});

根据您的要求,将div的初始css设置为
display:none
,如果它最初是隐藏的。

您是否研究过使用jQuery及其隐藏/显示功能?是的,这不是问题。我的问题是,我不知道这个表单中的元素是如何被调用的。因为它是在ipresso.com上自动生成的。我获得了表单,但我想给它一些新的选项,比如隐藏和显示内容。
$("#button").click(function(){
   $("#target_div").toggle();
});