根據單選按鈕檢查顯示/隱藏彈出框和聊天框

-1

我有一個需要在js/jquery中完成的需求。我有一個聯繫人按鈕，點擊後會顯示浮動聯繫信箱（就像正常的現場聊天）。此外，我有一個實時聊天，通過添加一個js小部件代碼[code]嵌入聊天。我需要的是，點擊聯繫人按鈕，2個單選按鈕（一個只有一個表單彈出窗口，另一個是實時聊天）。在點擊實時聊天單選按鈕時，實時聊天應該開始在網站上顯示（如正常聊天位置：請參閱鏈接，例如：https://chat.zendesk.com/）。根據單選按鈕檢查顯示/隱藏彈出框和聊天框

同時浮動接觸盒應該隱藏，而應該顯示聊天盒。

所以，請大家幫我展示一下這個演示，因爲我是js/jquery工作的新手。這將是非常偉大的，如果你們幫我展示一個這樣的演示。

感謝

來源

2017-10-05 Deepesh Kumar

你有沒有嘗試任何的呢？ –

你好傑瑞德：對不起，我沒有得到你......你能解釋一下嗎？我需要一個這樣的示例演示。如果你能展示一個這樣的示例演示會很有幫助......謝謝 –

請提供你迄今爲止嘗試過的幫助你。我建議讓自己熟悉Stack Overflow是什麼。 –

這將顯示無論是直接後，一旦點擊，編輯#more到任何你想展示。

<input type="radio">Select To Show 
<p id="more">More</p> 

#more { 
    display: none; 
} 
input:checked + #more { 
    display: inline; 
}

https://jsfiddle.net/JaredBledsoe/ku4vjcw5/

來源

2017-10-05 18:41:59

你好，我會向你發送我需要編輯的代碼。你能否與我合作解決這個問題？ –

當然，發佈到codepen/jsfiddle，我可以給它一個鏡頭。 –

這是代碼鏈接：https://pastebin.com/eUx775jq 請檢查以下部分。 $（「＃客戶聊天的iframe」）隱藏（）。我需要的是我有一個實時聊天，它嵌入在iframe中。最初我需要隱藏聊天。點擊單選按鈕後，需要顯示聊天。「＃customer-chat-iframe」是iframe標識。 –

根據單選按鈕檢查顯示/隱藏彈出框和聊天框

回答

相關問題