Как сделать, чтобы при нажатии на menu-button
впервые, исполнялся код №1, а при втором и последующих нажатиях - код №2?
// № 1 — подгружает меню
// когда пользователь кликнул по кнопке menu-button (показать меню), запрашиваем меню GET-запросом
$(".menu-button").click(function(e)
{
$.get("index", "menu", serverResponse, "json");
e.preventDefault();
});
function serverResponse(data)
{
// если есть ошибки при выполнении запроса, выводим ошибки
if (data.notice)
{
$(".notice-box").html(data.notice).show();
}
else
{
$("#title, #content").slideUp(100); // прячем контент, который был на странице до вызова меню
$("#menu").html(data.menu).slideDown(600); // показываем меню, которое запросили с помощью `menu-button`
}
}
// № 2 — этот код показывает либо контент либо меню с плавным переходом, меню при этом уже должно быть загружено (получено браузером) ранее
$(".menu-button")
.blur(function()
{
$("#menu").slideUp(600);
$("#title, #content").slideDown(100);
})
.click(function()
{
$("#menu").finish();
if ($("#menu").is(":hidden"))
{
$("#title, #content").slideUp(100);
}
else
{
$("#title, #content").slideDown(100);
}
$("#menu").slideToggle(600);
});
#title
и #content
— это контент
#menu
— это меню
В результате должно получиться так:
На странице, при ее загрузке, имеется контент.
При первом вызове меню (нажатие пользователем menu-button
), меню подгружается запросом /index.php?menu
после подгрузки меню, контент прячется, а меню при этом показывается.
При последующих вызовах меню (нажатие пользователем menu-button
) должно выполняться все, что выше, только без подгрузки данных через GET-запрос /index.php?menu
,
то есть выводится либо контент либо меню с плавным переходом.
1)
добавить счетчик. И при нажатии смотреть, если нажали 1 раз, то грузить контент, если он больше 1, не грузить......2)
Результатget
запроса должен положить в переменную. И Если она есть, не Null - то не грузить аякс