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

我有多个单选输入，我想当我点击一个特定的单选输入（具有特定id）时，会显示输入按钮 当我点击任何一个单选按钮时，输入消失了

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

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

    });

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

我怎样才能做到这一点

编辑： 这是演示

当我点击其他人。。。输入向下滑动，但当我单击其他单选按钮时，输入框向上滑动

谢谢

试试这个：

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

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

---

更新了你的小提琴：

你的（）HTML是什么，我们可以有一个新的吗？帮助我们帮助你，你就会得到更好的帮助和建议。我认为你不需要这个。在幻灯片切换中检查@tymeJV我希望在单击其他收音机框时显示输入幻灯片up@osos请看更新的答案和小提琴，这应该有帮助。