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如果是最初隱藏。