?? ?? ? ??? ????? ???? jQuery ?? ??? ???????. ?? ?? ?? ?? ??? ?? ???? ??? ??? ????.
???? ???? ? jQuery? ????? ?? ?? ???, SlideUp() ? SlideDown() ???? ?? ??? ? ????.
SlideUp() ???? SlideDown() ???? ??? ??? ?????. ??? ?? ?? ?? "none"? ?? SlideDown() ???? ???? ??? ??? ??? ???? ?????. SlideUp() ???? ??????. ??? ??? ??? ???? ?????.
??? ??? ????.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>toggle-jquery1.9</title>
<script src="https://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
<style>
p.container {
height: 320px;
border: 1px solid #ccc;
}
p.left {
width: 200px;
height: 300px;
background-color: #36f;
}
</style>
</head>
<body>
<p class="container">
<p class="left"></p>
</p>
<button id="toggle">toggle</button>
<script>
$(document).ready(function(){
$('#toggle').click(function(){
$('.left').slideToggle(300);
});
});
</script>
</body>
</html>

?? ??? ???? ?/??? ?????
??? ??? ????.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>toggle-jquery1.9</title>
<script src="https://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
<style>
p.container {
height: 320px;
border: 1px solid #ccc;
}
p.left {
width: 200px;
height: 300px;
background-color: #36f;
}
</style>
</head>
<body>
<p class="container">
<p class="left"></p>
</p>
<button id="toggle">toggle</button>
<script>
$(document).ready(function(){
$('#toggle').click(function(){
$('.left').animate({width:'toggle'},350);
});
});
</script>
</body>
</html>
??? ??? ????.

? ??? ???? ??? ??? ????. ??.
?? ??:
vue.js ???? nginx ?? ????
mint-ui vue
JS? ?? ???? ??? ??? ??? ???? ??
? ??? jQuery? ???? ?? ? ??? ???? ?? ??? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!