[英]How can i change click function when clicked second time
基本上我得到的動態按鈕具有相同的點擊事件。 當我單擊不同的按鈕時,我必須顯示一些不同的面板。 我這樣做了,但用戶/我無法隱藏我出現的面板。 所以我想如果我可以學習讓我們說我有第一按鈕和第二按鈕,當他們點擊他們將顯示他們的特定面板我完成了但是當我第二次點擊第一或第二按鈕時我想隱藏該按鈕的面板。
(只有一個面板我寫了特定按鈕的內容)
所以我可以隱藏面板
您可以只查找元素(卡)的外觀(顯示)state 並使用if
條件檢查來切換 function 的流程,如下所示:
const element = {style: {display: 'none'}} function toggleCard(element){ if(element.style.display === 'none'){ element.style.display = 'block' //more code } else{ element.style.display = 'none' //more code } } toggleCard(element) console.log(element.style.display)
我建議使用 javascript function 如果你想讓多個按鈕做同樣的事情,這是最好的選擇
我的解決方案:
function changeobj(objid) { let displaytypes = { "none": "inline", "inline": "none" }; let obj = document.getElementById(objid); if (obj) { obj.style.display = displaytypes[obj.style.display] || "none"; } }
<body style="background-color: darkcyan;"> <button onclick="changeobj('test')">toggleview</button> <br> <h id="test">test</h> </body>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.