Javascript 禁用默认函数jquery

我在做一个类似Facebook的聊天。我想实现在单击聊天栏时显示/隐藏聊天的功能，但在单击.chat_txt或.chat_new_输入时不显示/隐藏聊天。你知道什么把戏吗

//JavaScript Show/Hide Function
$('.hidden_box').live("click", function(){ showChat(this); });
$('.active_box').live("click", function(){ hideChat(this); });

$('.chat_txt').click(function(event) {
  event.preventDefault();
});

以下是DIV的语法：

<div id="chat_system_msg_lp" class="chat_box clickable_box hidden_box">
    <div id="chat_system_msg_nick" class="chat_name">system_msg</div>
    <ul id="chat_system_msg_txt" class="chat_txt">
        <li id="46">Hi visitor. We suggest you to sign in/sign up in order to have all the benefits from Live-Pin </li>
    </ul>
    <form class="chat_new_message" name="new_msg">
       <input type="text" placeholder="Enter your message..." class="chat_new_input">
    </form>
</div>

系统信息

观众好。我们建议您登录/注册，以享受Live Pin的所有好处

您可以在中看到实时演示。

事件在DOM层次结构中“冒泡”

正确的方法是将点击事件分配给标题栏div（#chat_system_msg_nick），而不是hole聊天框。

使用

$('.hidden_box #chat_system_msg_nick').live("click", function(){ showChat('#chat_system_msg_lp'); });
$('.active_box #chat_system_msg_nick').live("click", function(){ hideChat('#chat_system_msg_lp'); });

并删除Javascript的最后一部分

---

另外，请不要转发问题。如果您有任何需要添加/更改的内容，只需编辑原始问题，

可能重复的问题，请不要多次发布同一问题。如果您有新的信息要添加，请通过位于问题底部的编辑链接编辑问题。伙计，为什么要发布两次相同的问题？事实上，我浪费了一分钟的时间试图在这里回答这个问题，看看你的dup问题也得到了类似的回答也许你必须使用$.live？很难说，因为你看不到大部分的源代码。现在它可以同时运行所有的源代码，有什么建议吗？