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

Question

在网站上我有从ipresso生成的表格。我想要协议隐藏此内容，点击后我想展示它。但在哪里可以找到类的名称，ID等？我想添加隐藏或显示内容的按钮“隐藏/显示”。]

Answer 1

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

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

OR

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

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

如果元素总是以不同的ID /类生成在每次刷新时（我很怀疑）另一件事要做的就是用它依赖于更具描述性的CSS选择器html标签的结构保持一致。同样，您将能够使用大多数浏览器中的Inspect/Inspect元素来查找它们。这是一种解决方法，但不是我会推荐的，因为如果结构发生变化，您将不得不在多个地方进行编辑。

Answer 2

您可以使用jQuery切换类，如果不只是添加的jQuery到您的网站解决问题本

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

根据您的需要设置的初始CSS的div来display:none如果是最初隐藏。