PHP
- 1 ответ
- 0 вопросов
1
Вклад в тег
<a href="#" id="menu-trigger-2" class="menu-trigger-open" menu-id="system-block-hid">Система ДПО ⬇</a>
<a href="#" id="menu-trigger-a2" class="menu-trigger-close" menu-id="system-block-hid">⬆</a>
$( ".container" ).animate({
bottom: "+=200", // Вот это число надо указать для соответствующего блока ( у каждого они свои)
}, 1000, function() {
// Animation complete.
});
<div id="system-block-hid" class="menu-container" animate-container="200" style="display: none;">
... тут содержимое
</div>
$(document).ready(function(){
function openContainer(menu, animateContainerVal) {
$(".menu-container.open").each(function (idx, element) {
let jElement = $(element);
closeContainer(jElement, jElement.attr("animate-container"), false);
});
menu.slideDown(400, function() {
menu.addClass("open");
$(".container").animate({
marginTop: animateContainerVal+"px"
}, 1000, function(){
// Animation complete
});
});
}
function closeContainer(menu, animateContainerVal, withAnimateContainer) {
menu.slideUp(400, function(){
menu.removeClass("open");
if(withAnimateContainer) {
$(".container").animate({
marginTop: "0px"
}, 1000, function(){
// Animation complete
});
}
});
}
$(".menu-trigger-open").click(function(e) {
e.preventDefault();
let menu = $("#"+$(this).attr("menu-id")),
animateContainerVal = menu.attr("animate-container");
if(menu.hasClass("open")) {
closeContainer(menu, animateContainerVal, true);
} else {
openContainer(menu, animateContainerVal);
}
});
$(".menu-trigger-close").click(function (e) {
e.preventDefault();
let menu = $("#"+$(this).attr("menu-id")),
animateContainerVal = menu.attr("animate-container");
closeContainer(menu, animateContainerVal, true);
});
});
let file = document.getElementById("inputfile").files[0];
if(file.size > 10*1024*1024) {
alert("Слишком большой файл");
return;
}
if($_FILES['uploadfile']['size'] > 10*1024*1024) {
exit("Файл слишком большой");
}