在 Ipresso 生成的表单中隐藏/显示内容答案

【问题标题】：Hide/show content inside form generated by Ipresso在 Ipresso 生成的表单中隐藏/显示内容
【发布时间】：2017-07-19 12:39:00
【问题描述】：

在网站上，我有从 ipresso 生成的表单。我想设置协议以隐藏此内容，单击后我想显示它。但是我在哪里可以找到类名、id 等？我想添加按钮“隐藏/显示”，它将隐藏或显示表单内的内容。]

【问题讨论】：

您是否研究过使用 jQuery 及其隐藏/显示功能？
是的，这不是问题。对我来说问题是我不知道如何调用此表单中的元素。因为它是在 ipresso.com 上自动生成的。我获得了表单，但我想给它新的选项，比如隐藏和显示内容。

标签： javascript php css iframe

【解决方案1】：

您可以使用 jQuery 切换类来解决问题，只需将 jquery 添加到您的网站（如果不存在）

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

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

【讨论】：

【解决方案2】：

在 ipresso 生成的页面上的浏览器中，右键单击要更改的元素并选择选项 Inspect-Element/Inspect。在源代码中，您的表单应该有一个 id/class，然后您将在 jQuery 中将其用作选择器，我将在下面描述。

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

或

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

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

如果元素在每次刷新时总是使用不同的 ids/classes 生成（我非常怀疑），另一件事是使用更具描述性的 css 选择器，它依赖于 html 标签的结构保持一致。同样，您将能够使用大多数浏览器中的 Inspect/Inspect-element 找到它们。这是一种解决方法，但我不建议这样做，因为如果结构发生变化，您将不得不在多个地方进行编辑。

【讨论】：