最近給客戶制作網(wǎng)站的過程中，有個div折疊功能，div顯示一部分內(nèi)容，點(diǎn)擊顯示全部，再點(diǎn)擊恢復(fù)部分顯示，這種div折疊不同于顯示隱藏，看到一個網(wǎng)站類似的折疊功能采用了大量的代碼.

PS：三元運(yùn)算 補(bǔ)腦 

（條件）？“真”：“假”

如果條件成立 執(zhí)行 真，條件不成立執(zhí)行 假

 var author_count = $('div.shufa_filter').find('dl:eq(2)').find('dd:eq(0)').find('a').length;
    if(author_count > 56) {
        author_hide();
    }
    function author_hide() {
        $('div.shufa_filter').find('dl:eq(2)').find('dd:eq(0)').css({"height":"100px","overflow":"hidden"});
        $('div.shufa_filter').find('dl:eq(2)').find('dd:eq(1)').show();
    }
    function author_show() {
        $('div.shufa_filter').find('dl:eq(2)').find('dd:eq(0)').css({"height":"auto","overflow":"auto"});
        $('div.shufa_filter').find('dl:eq(2)').find('dd:eq(1)').show();
    }
    $('div.shufa_filter').delegate('a.more', 'click', function(event){
        event.preventDefault(); 
        author_show();
        $(this).removeClass('more');
        $(this).addClass('back');
        $(this).html('收起>>');
    }).delegate('a.back','click',function(event){
        event.preventDefault();
        author_hide();
        $(this).removeClass('back');
        $(this).addClass('more');
        $(this).html('更多>>');
    });

以上代碼繁瑣，執(zhí)行效率低下，使用三元運(yùn)算可輕松實(shí)現(xiàn)以上功能。

<script type="text/javascript">
$(document).ready(function() {
/////////////////////////////////////
$("#author").on("click",function(){
var h=$('#shujia').css("height");
var t=$('#author').html();
(h=='80px')?$('#shujia').css('height','auto'):$('#shujia').css('height','80px') ;
(t=='顯示全部')?$('#author').html("隱藏"):$('#author').html("顯示全部") ;
})
})
</script>

當(dāng)然以上代碼還可以繼續(xù)簡化，有興趣的朋友可以自己研究一下。