Кнопка «Отправить» и переключатели не отображают никаких изменений в html-интерфейсе из-за JQuery

Question

У меня есть функция Jquery, которая открывает тег <a> в подразделении (аналогично старому логину в твиттере) при нажатии ссылки и закрывает при нажатии другого тега <div> (так как я установил функцию hide ()на <div> id).

Теперь при этом четыре переключателя не показывают изменения в проверенном состоянии (пользовательский интерфейс смотрит, где точка смещается при нажатии).

Кроме того, есть кнопка отправки, которая должна выполнять свою работу по отправке своей записи, не создает никакого эффекта при нажатии.Я имею в виду, что когда я нажимаю, он не отвечает.

Поскольку оба переключателя и кнопка отправки формы находятся в теге <div>, а <a> находится над ним в отдельном теге div,

Может кто-нибудь сказать, пожалуйста, что можно сделать?

Вот этот Jquery:

$(document).ready(function(){

    $(".check_in").click(function()
    {
        $("#check_box").show();
        return false;
    });
    $("#mainbody").click(function()
    {
        $("#check_box").hide();
        return false;
    });
})

Ссылка, использующая Jquery:

<div>
    <a href="#" class="check_in"> Check</a>
    <div id="check_box">
        <form method="post" action="/ucheck/">
            <label ><i>Name</i>
                <input type="text" name="name" id="name" /></label>
            <input type="submit" value="check "/>
        </form>
    </div>
</div>

Тег <div>, по нажатию которого скрывается предыдущий блок:

<div id="mainbody" >
    <table>
        <tr align="left" >
            <td><input type="radio" name="property" id="rdRent" value="rent" checked="true" /><span class="lbltext" >Rent&nbsp;&nbsp;</span></td>
            <td><input type="radio" name="property" id="rdBuy" value="buy"/><span class="lbltext"> Buy&nbsp;&nbsp;</span></td>
            <td><input type="radio" name="property" id="rdHotels" value="hotels"/><span class="lbltext">Hotels&nbsp;&nbsp;</span></td>
            <td><input type="radio" name="property" id="rdPG" value="pg"/><span class="lbltext"> PG&nbsp;&nbsp;</span></td>
        </tr>
        <tr>
            <td>
                <!-- Other things of form -->

                <input type="submit" value="SEARCH" />
            </td>
        </tr>
    </table>
</div>

(PS: используя Django)

Спасибо.

Answer 1

Попробуйте удалить возвращаемое значение false из вашего основного элемента div следующим образом:

$("#mainbody").click(function()
{
    $("#check_box").hide();
});

Возвращаемое значение false останавливает распространение события click, и я не думаю, что вам нужно делать это в этом случае.

http://jsfiddle.net/nickywaites/Vkjb6/