因專案需要，要做一個聊天框，點選一個指定div，彈出表情彈框，點選除指定div和彈框本身的任意地方，關閉表情彈框。

點選除圖片中表情按鈕和彈框本身的任意地方，關閉表情彈框

<!-- 表情按鈕-->
    <li id="btn" type="2"></li>

<!-- 表情彈框-->
<div id="emoji_icon" hidden>
    <!-- QQ表情 -->
    <ul id="emoji_one">
    </ul>
    <!-- 表情 -->
    <ul
 
 id="emoji_two" hidden>
    </ul>
    <!-- tab -->
    <ul id="emoji_tab">
        <li id="icon_one">qq表情</li>
        <li id="icon_two">表情</li>
    </ul>
</div>

隱藏表情

// 隱藏、顯示錶情彈框
$("#btn").click(function() {
    $("#emoji_icon").toggle();
});

// 點選除按鈕和彈框之外任意地方隱藏表情
 

$("body").click(function (e) {
    if (!$(e.target).closest("#btn,#emoji_icon").length) {
        $("#emoji_icon").hide();
    }
});