Отключить функцию по умолчанию jquery

Question

Я делаю чат в стиле Facebook.Я хочу реализовать функцию, которая показывает / скрывает чат, когда вы нажимаете на панель чата, но не когда вы нажимаете на .chat_txt или .chat_new_input.Знаете ли вы какие-нибудь хитрости?

//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>

Вы можете увидеть живую демонстрацию в http://live -pin.com .

Answer 1

Используйте

$('.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.

Также, пожалуйста, не перепечатывайте вопросы.Если вам есть что добавить / изменить, просто отредактируйте исходный вопрос,

Answer 2

События «всплывают» в иерархии DOM.

Правильный способ - назначить события щелчка для заголовка div (#chat_system_msg_nick) вместо дырки в чате.