Могу ли я как то сократить этот код не теряя его функциональности?
// Перевод в проценты
function per(num, par) {
return Number(num / 100 * par);
}
var block_size = 200;
var block_sped = 600;
//Анимацыя вперед
function ani_show(sped, name) {
$(name).animate({ height: (per(block_size, 40)) + 'px'}, per(sped, 90),"linear", (function(){
$(name).animate({ height: (block_size) + 'px'},sped, "linear",(function(){ }));
}));
}
//Анимацыя назад
function ani_none(sped, name, name2) {
$(name).animate({ height: (block_size) + 'px'},0, "linear",(function(){
$(name).animate({ height: (per(block_size, 80)) + 'px'},per(sped, 10),"linear", (function(){
$(name).animate({ height: (0) + 'px'},per(sped, 50), "linear",(function(){
ani_show(sped, name2);
}));
}));
}));
}
$( ".but1" ).click(function() {
var check1_1 = parseInt($(".block2").css("height"));
var check2_1 = parseInt($(".block3").css("height"));
if(check1_1 == block_size){
ani_none(block_sped, ".block2", ".block1");
}
if(check2_1 == block_size){
ani_none(block_sped, ".block3", ".block1");
}
});
$( ".but2" ).click(function() {
var check1_2 = parseInt($(".block1").css("height"));
var check2_2 = parseInt($(".block3").css("height"));
if(check1_2 == block_size){
ani_none(block_sped, ".block1", ".block2");
}
if(check2_2 == block_size){
ani_none(block_sped, ".block3", ".block2");
}
});
$( ".but3" ).click(function() {
var check1_3 = parseInt( $(".block1").css("height"));
var check2_3 = parseInt( $(".block2").css("height"));
if(check1_3 == block_size){
ani_none(block_sped, ".block1", ".block3");
}
if(check2_3 == block_size){
ani_none(block_sped, ".block2", ".block3");
}
});
div{
background-color:#00fff0;
overflow:hidden;
font-size:30px;
height: 0px;
}
.block1{
height: 200px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class="but1">but1</a>
<a class="but2">but2</a>
<a class="but3">but3</a>
<div class="block1">text1</div>
<div class="block2">text2</div>
<div class="block3">text3</div>
px
к числам. И пустую функцию выкинуть. – Qwertiy♦ 20 мая '19 в 9:07per, par, ani_show, ani_none
- очень информативноclick
- устаревшая функция – DaemonHK 20 мая '19 в 9:24