聪明的方式简洁的代码

时间:2014-03-05 07:11:14

标签: jquery function

有人可以给我一个更聪明的方法来执行以下代码吗? 我知道切换可以进入这里。 并且必须以某种方式将if语句集成到第一部分的末尾。 谢谢你的帮助!

function arrowShow( begin_end ) {       
    var begin = ( begin_end == 1  ) ? 0 :  10;
    var end   = ( begin_end == 17 ) ? 0 : -10;

    $("#element_1").css( { top: begin } );
    $("#element_2").css( { top: end } );

    if ( begin_end == 1  ) {
        $("#element_3").css( { display: 'none' } ); 
    } else {
        $("#element_3").css( { display: '' } ); 
    }

    if ( begin_end == 17  ) {
        $("#element_4").css( { display: 'none' } ); 
    } else {
        $("#element_4").css( { display: '' } ); 
    }
}

1 个答案:

答案 0 :(得分:1)

听起来你正在寻找这样的东西:

function arrowShow( begin_end ) {       
    var elem1 = ( begin_end == 1  ) ? 0 :  10;
    var elem2 = ( begin_end == 17 ) ? 0 : -10;
    var elem3 = ( begin_end == 1  ) ? 'none' : '';
    var elem4 = ( begin_end == 17 ) ? 'none' : '';

    $("#element_1").css( { top: elem1 } );
    $("#element_2").css( { top: elem2 } );
    $("#element_3").css( { display: elem3 } );
    $("#element_4").css( { display: elem4 } ); 
}