根据单选按钮显示其他输入？

Question

我有多个无线电输入，当我点击特定的无线电输入（具有特定ID）时，我想要显示输入按钮 当我点击任何其他单选按钮时，输入消失

    var radio = $("#radio7");
if($('#os_others').is(':hidden'))
{
    radio.click(function(){

        $('#os_others').slideDown();

    });

}
else
{
    $('#os_others').css("display", "none");
}

我怎样才能实现这一目标？

编辑：

这是演示 http://jsfiddle.net/DgsM7/

当我点击其他人时...输入向下滑动，但是当我点击其他单选按钮时我想要的是输入框向上滑动

谢谢

Answer 1

试试这个：

$("#os_others").hide();

$("input[type='radio']").click(function() {
    //alert($("#radio7").is(":checked"));
    if ($("#radio7").is(":checked")) {
        $("#os_others").show();
    }
    else {
        $("#os_others").hide();
    }
});

更新了您的小提琴：http://jsfiddle.net/DgsM7/3/