Каждый поисковый запрос активируется нажатием кнопки greennav. Мне нужна помощь в том, чтобы каждый из поисковых ящиков был удален, если активен, пока нажимается другая кнопка «greennav» (активирование нового поискового запроса). Эффект, который я ищу, - это активный поиск для переключения экрана, в то время как поисковый запрос, который активируется навигатор переключается на экран. В настоящее время мой код работает, если вы нажмете последовательность: greennav, greennav2, greennav3 и greennav4, активизации работают, но когда greennav4 активен и вы нажмете greennav, он не активирует эффект и не покажет соответствующее поле. .jquery toggle для нескольких кнопок
$(document).ready(function() {
var green_norepeat = true;
var green2_norepeat = true;
var green3_norepeat = true;
var green4_norepeat = true;
function hide_all() {
if (green_norepeat == false) { $('#searchBox').animate({ width: 'toggle' }); }
if (green2_norepeat == false) { $('#searchBox2').animate({ width: 'toggle' }); }
if (green3_norepeat == false) { $('#searchBox3').animate({ width: 'toggle' }); }
if (green4_norepeat == false) { $('#searchBox4').animate({ width: 'toggle' }); }
}
$("#greennav").click(function() {
if (green_norepeat == true) {
hide_all();
green_norepeat = false;
$('#searchBox').animate({ width: 'toggle' });
}
else
{
green_norepeat = true;
$('#searchBox').animate({ width: 'toggle' });
}
});
$("#greennav2").click(function() {
if (green2_norepeat == true) {
hide_all();
green2_norepeat = false;
$('#searchBox2').animate({ width: 'toggle' });
}
else
{
green2_norepeat = true;
$('#searchBox2').animate({ width: 'toggle' });
}
});
$("#greennav3").click(function() {
if (green3_norepeat == true) {
hide_all();
green3_norepeat = false;
$('#searchBox3').animate({ width: 'toggle' });
}
else
{
green3_norepeat = true;
$('#searchBox3').animate({ width: 'toggle' });
}
});
$("#greennav4").click(function() {
if (green4_norepeat == true) {
hide_all();
green4_norepeat = false;
$('#searchBox4').animate({ width: 'toggle' });
}
else
{
green4_norepeat = true;
$('#searchBox4').animate({ width: 'toggle' });
}
});
});
Спасибо, это прекрасно! – user3076436