Javascript 如果其他开关打开,则切换框关闭
有人能帮我完成以下代码吗?我做不好 我希望它在单击“新建/其他”时关闭“打开”切换 我现在有一个问题:Javascript 如果其他开关打开,则切换框关闭,javascript,Javascript,有人能帮我完成以下代码吗?我做不好 我希望它在单击“新建/其他”时关闭“打开”切换 我现在有一个问题: 您需要将它们隐藏在单击处理程序中: $('.toggle a.toggle-trigger').click(function(){ var el = $(this), parent = el.closest('.toggle'); $('.toggle .toggle-content').slideUp(); // <- added this!!!! //..
您需要将它们隐藏在
单击处理程序中:
$('.toggle a.toggle-trigger').click(function(){
var el = $(this), parent = el.closest('.toggle');
$('.toggle .toggle-content').slideUp(); // <- added this!!!!
//...
$('.toggle a.toggle-trigger')。单击(函数(){
var el=$(this),parent=el.closest('.toggle');
$('.toggle.toggle content').slideUp();//无需分别调用,这是多余的。此外,只需在打开新开关之前隐藏所有开关即可。完成:-)
这就是你想要实现的目标吗
jQuery(document).ready(function($) {
// Find the toggles and hide their content
$('.toggle-content').hide();
// When a toggle is clicked (activated) show their content
$('.toggle a.toggle-trigger').click(function(){
var el = $(this), parent = el.closest('.toggle');
$('.toggle-content').hide();
if( el.hasClass('active') )
{
parent.find('.toggle-content').slideToggle();
el.removeClass('active');
}
else
{
parent.find('.toggle-content').slideToggle();
el.addClass('active');
}
return false;
});
}); //End
Thnx伙计们,成功了!现在如何关闭一个打开的切换?Thnx,但现在我无法关闭一个打开的切换更新的小提琴来处理所有切换,还修复了“活动”类。检查答案,如果这是你需要的,tnx。这可能不是最优化的代码,但我很困。。。
$('.toggle a.toggle-trigger').click(function() {
var el = $(this),
parent = el.closest('.toggle');
$('.toggle .toggle-content').slideUp();
if (!el.hasClass('active')) {
$('.toggle a.toggle-trigger').removeClass('active');
el.addClass('active');
parent.find('.toggle-content').slideDown();
}
else {
el.removeClass('active');
}
});
jQuery(document).ready(function($) {
// Find the toggles and hide their content
$('.toggle-content').hide();
// When a toggle is clicked (activated) show their content
$('.toggle a.toggle-trigger').click(function(){
var el = $(this), parent = el.closest('.toggle');
$('.toggle-content').hide();
if( el.hasClass('active') )
{
parent.find('.toggle-content').slideToggle();
el.removeClass('active');
}
else
{
parent.find('.toggle-content').slideToggle();
el.addClass('active');
}
return false;
});
}); //End