在不同選項卡上時如何隱藏特定選項卡 (How to hide specific tab when on different tab)


問題描述

在不同選項卡上時如何隱藏特定選項卡 (How to hide specific tab when on different tab)

我希望完成的是,當用戶打開一個模式時,我希望它顯示另一方設置的日期/時間,但是在頁腳中有一個選項可以“提出新時間”,用戶可以向另一個用戶發送一個新的見面時間的請求。(有關佈局,請參見下面的步驟 1 和 2)

步驟 1 步驟 1

第 2 步 Step 2

我的問題是最好的隱藏方法是什麼選擇“提出新時間”時頁腳中的特定選項?是否最好使用標籤來顯示不同的內容?

我'


參考解法

方法 1:

Are you using jQuery on the site or pure js?

If you have jQuery loaded I'd suggest hiding the content you want hidden until the button is pressed. Then on click "propose new time" show the relevant content and hide other elements.

// First hide element
$('#hidden‑on‑load').hide();
$('.trigger').on('click', function() {
    $('#hidden‑on‑load').show();
    $('#content‑to‑hide').hide();
})

(by NickAndyJamesN)

參考文件

  1. How to hide specific tab when on different tab (CC BY‑SA 2.5/3.0/4.0)

#bootstrap-4 #javascript #css #html






相關問題

在不同選項卡上時如何隱藏特定選項卡 (How to hide specific tab when on different tab)

如何將引導程序 4 中的內容連續居中? (How to center in bootstrap 4 the content in a row?)

構建 JavaScript 時缺少模塊 (Missing Module When Building JavaScript)

React-Bootstrap 選項卡 defaultActiveKey 不隨 stateChange 改變 (React-Bootstrap Tabs defaultActiveKey is not changing with stateChange)

表格內容的對齊方式 (alignment of the content in table)

切換器圖標無法調整導航欄寬度 (Toggler icon does not working on adjusting the navbar width)

如何根據設備大小使用屏幕 (How to use the screens based on the device size)

如何在引導程序 4 中為 col 調整大小設置動畫? (How to animate col resize in bootstrap 4?)

html頁面Bootstrap頂部的白條 (White bar at top of html page Bootstrap)

如何從 reactstrap 輸入覆蓋表單控制類? (How can I override form-control class from a reactstrap input?)

文檔似乎沒有變化,但為什麼寬度在 Bootstrap 4 和 5 之間給出不同的圖像比例? (It seems to be no change in docs, but why does width give different image scale between Bootstrap 4 and 5?)

引導表拆分單元格 (Bootstrap table split cells)







留言討論