У меня этот код скопирован и вставлен несколько раз с различными идентификаторами элементов меню. Есть ли способ упростить его и/или переключить один контейнер за раз? Спасибо
$('#menu-item-1 a, #TH').click(function () {
var $container = $('#boxes');
setTimeout(function(){ $container.masonry() }, 400);
var collapse_content_selector = $(this).attr('href');
var toggle_switch = $(this);
$(collapse_content_selector).toggle(function () {
if ($(this).css('display') == 'none') {
} else {
}
});
});
$('#menu-item-2 a, #FM').click(function () {
var $container = $('#boxes');
setTimeout(function(){ $container.masonry() }, 400);
var collapse_content_selector = $(this).attr('href');
var toggle_switch = $(this);
$(collapse_content_selector).toggle(function () {
if ($(this).css('display') == 'none') {
} else {
}
});
});
$('.ClassOfClickableObjects').click(function () {
var $container = $('#boxes');
setTimeout(function(){ $container.masonry() }, 400);
var collapse_content_selector = $(this).attr('href');
var toggle_switch = $(this);
$(collapse_content_selector).toggle(function () {
if ($(this).css('display') == 'none') {
} else {
}
});
});
Это то, что предлагает Blazemonger...
$('.ClassOfAllItems').hide();
$(this).show();
click
идентичен, вы можете просто объединить селекторы в один$('#menu-item-1 a, #menu-item-2 a, #FM, #TH').click...