Javascript 如何在邮箱表单中隐藏抄送、密件抄送

我已经开发了一个邮箱表单，我想在其中隐藏抄送，密件抄送选项。抄送，当我点击他们的选项时密件抄送。 我不能这样做

邮寄
丢弃
草稿
致：
复写的副本
密件抄送
复写的副本：
密件抄送：
主题：

最初隐藏div，如：

<span class="inbox-cc-bcc" style="display:none;">
    <span class="inbox-cc"> Cc </span>
    <span class="inbox-bcc"> Bcc </span>
</span>

复写的副本
密件抄送

---

并通过使用jquery

show（）

方法在

cc，bcc按钮上添加一个事件侦听器来显示它。您可以使用
hide
类来隐藏最初要隐藏的部分

HTML

<form class="inbox-compose form-horizontal" id="fileupload" action="#" method="POST" enctype="multipart/form-data">
    <div class="inbox-compose-btn">
        <button class="btn green">
            <i class="fa fa-check"></i>Send</button>
        <button class="btn default inbox-discard-btn">Discard</button>
        <button class="btn default">Draft</button>
    </div>
    <div class="inbox-form-group mail-to">
        <label class="control-label">To:</label>
        <div class="controls controls-to">
            <input type="text" class="form-control" name="to">
            <span class="inbox-cc-bcc">
              <span class="inbox-cc" style="cursor: pointer;cursor: hand;"> Cc </span>
                <span class="inbox-bcc" style="cursor: pointer;cursor: hand;"> Bcc </span>
            </span>
        </div>
    </div>
    <div id="divCC" class="inbox-form-group input-cc display-hide hide">

        <label class="control-label">Cc:</label>
        <div class="controls controls-cc">
            <input type="text" name="cc" class="form-control"> </div>
    </div>
    <div id="divBCC" class="inbox-form-group input-bcc display-hide hide">

        <label class="control-label">Bcc:</label>
        <div class="controls controls-bcc">
            <input type="text" name="bcc" class="form-control"> </div>
    </div>
    <div class="inbox-form-group">
        <label class="control-label">Subject:</label>
        <div class="controls">
            <input type="text" class="form-control" name="subject"> </div>
    </div>
    <div class="inbox-form-group">
    <textarea class="inbox-editor inbox-wysihtml5 form-control" name="message" rows="12"></textarea></div>


    <div id="push"></div>
</form>

这是一把小提琴：

希望这有帮助
 你能帮我做一些有用的JSFIDLE吗？不要把你的答案放在外部网站上，而是把它放在你的帖子里。@RobbyCornelissen注意到并更正了@DavidR CC，BCC选项不起作用。当我点击抄送，密件抄送选项他们的选项必须出现。可能重复的
 $('.inbox-bcc').click(function(){
     console.log('bcc');
     $('#divBCC').toggleClass('hide');
 });
});