Javascript 引导4单击外部/其他单选按钮时移除折叠

Javascript 引导4单击外部/其他单选按钮时移除折叠,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,下面的示例中,当我单击“其他”时,将打开“折叠”div。如果要关闭折叠面板,请单击相同的单选按钮。但是我想在单击外部以及选择其他单选按钮时关闭输入。 $('body')。单击(函数(){ $(“.collapse”).removeClass('hide'); }); 家居/装饰用品 餐饮服务部 美容/按摩 手机及配件 其他 试试这个。获取单选按钮的名称属性,单击“其他”时设置条件以在单击时显示或隐藏所需元素 $(函数(){ $('input[name=“nonRadio”]”)。在('cl

下面的示例中,当我单击“其他”时,将打开“折叠”div。如果要关闭折叠面板,请单击相同的单选按钮。但是我想在单击外部以及选择其他单选按钮时关闭输入。

$('body')。单击(函数(){
$(“.collapse”).removeClass('hide');
});

家居/装饰用品
餐饮服务部
美容/按摩
手机及配件
其他

试试这个。获取单选按钮的名称属性,单击“其他”时设置条件以在单击时显示或隐藏所需元素

$(函数(){
$('input[name=“nonRadio”]”)。在('click',function()上{
如果($(this.val()=='Others'){
$(“#文本框”).show();
}
否则{
$(“#文本框”).hide();
}
});
});

家居/装饰用品
餐饮服务部
美容/按摩
手机及配件
其他

$(文档).ready(函数(){
$(“#非无线电”)。单击(函数(){
//单击按钮显示隐藏段落
$(“#其他输入”)。切换(“慢速”,函数(){
//切换效果完成后检查段落
如果($(“#其他输入”)。是(“:隐藏”)){
$(“#其他输入”).removeClass('隐藏')
}否则{
$(“#其他输入”).addClass(“隐藏”)
}
});
});
});
。隐藏
{显示:无}
.主动输入{
}

家居/装饰用品
餐饮服务部
美容/按摩
手机及配件
其他

如果我想再添加两个单选按钮组?