根据单选按钮检查显示/隐藏弹出框和聊天框

问题描述：

我有一个需要在js/jquery中完成的需求。我有一个联系人按钮，点击后会显示浮动联系信箱（就像正常的现场聊天）。此外，我有一个实时聊天，通过添加一个js小部件代码[code]嵌入聊天。我需要的是，点击联系人按钮，2个单选按钮（一个只有一个表单弹出窗口，另一个是实时聊天）。在点击实时聊天单选按钮时，实时聊天应该开始在网站上显示（如正常聊天位置：请参阅链接，例如：https://chat.zendesk.com/）。根据单选按钮检查显示/隐藏弹出框和聊天框

同时浮动接触盒应该隐藏，而应该显示聊天盒。

所以，请大家帮我展示一下这个演示，因为我是js/jquery工作的新手。这将是非常伟大的，如果你们帮我展示一个这样的演示。

感谢

你有没有尝试任何的呢？ –

你好杰瑞德：对不起，我没有得到你......你能解释一下吗？我需要一个这样的示例演示。如果你能展示一个这样的示例演示会很有帮助......谢谢 –

请提供你迄今为止尝试过的帮助你。我建议让自己熟悉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/

你好，我会向你发送我需要编辑的代码。你能否与我合作解决这个问题？ –

当然，发布到codepen/jsfiddle，我可以给它一个镜头。 –

这是代码链接：https://pastebin.com/eUx775jq 请检查以下部分。 $（ “＃客户聊天的iframe”）隐藏（）。我需要的是我有一个实时聊天，它嵌入在iframe中。最初我需要隐藏聊天。点击单选按钮后，需要显示聊天。 “＃customer-chat-iframe”是iframe标识。 –

根据单选按钮检查显示/隐藏弹出框和聊天框

相关推荐