jquery - 根据单选按钮点击显示其他输入？

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/