Question

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

Answer 1

在ipresso生成的页面上的浏览器中，右键单击要更改的元素，然后选择Inspect-Element / 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 /类生成（我非常怀疑）另一件事是使用更依赖于html标签结构保持一致的更具描述性的css选择器。同样，您将能够使用大多数浏览器中的Inspect / Inspect元素找到它们。这是一种解决方法，但不是我建议做的事情，因为如果结构发生变化，你将不得不在多个地方进行编辑。

Answer 2

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

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

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

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

2 个答案: