通用下拉切换

/**
 * 通用下拉切换
 *
 *

 <label id="toggleClassShowId" title="显示更多" >︾</label>
 <label id="toggleClassHideId" title="隐藏更多" style="display:none;">︽</label>

 <div  class="toggleClass"></div>
 initToggle(toggleClass,true);
 
<label class="col-sm-4 control-label"><span style="color:red">*</span>发货方:
    <label id="deliverShowId" title="显示发货方更多字段" th:style="'display:' + (${userConfig.deliverGoodsFields eq  '1' } ? 'none' : 'inline-block') + ''"><i class="fa fa-chevron-down"></i></label>
    <label id="deliverHideId" title="隐藏发货方更多字段" th:style="'display:' + (${userConfig.deliverGoodsFields ne  '1' } ? 'none' : 'inline-block') + ''"><i class="fa fa-chevron-up"></i></label>
</label>

<div class="col-sm-3 deliver"  th:style="'display:' + (${userConfig.deliverGoodsFields eq  '1' } ? 'block' : 'none') + ''" >
    <div class="form-group">
        <label class="col-sm-4 control-label">发货人地址定位：</label>
        <div class="col-sm-8">
            <div class="input-group">
                <input  autocomplete="off" id="fromAddressJwd" name="fromAddressJwd" class="form-control" type="hidden">
                <input  autocomplete="off" id="fromAddressJwdStr" name="fromAddressJwdStr" class="form-control" type="text" οnclick="selectMap('fromAddressJwd')">

                <input th:value="${userConfig.fromAddressJwd}" autocomplete="off" id="fromAddressJwdHidden" name="fromAddressJwdHidden" class="form-control" type="hidden">
                <input th:value="${userConfig.fromAddressName}" autocomplete="off" id="fromAddressJwdStrHidden" name="fromAddressJwdStrHidden" class="form-control" type="hidden" οnclick="selectMap('fromAddressJwd')">

                <span class="input-group-addon" style="background-color:#1C847A;font-weight: bolder;color:#FFF" οnclick="clearMap('fromAddressJwd')">清除</span>
            </div>
        </div>
    </div>
</div>

  //发货方隐藏
    initToggle("deliver",[[ ${userConfig.deliverGoodsFields eq  '1' }]]);
    initToggle("receipt",[[ ${userConfig.receiptGoodsFields eq  '1' }]]);

    var changeDeliverCard= initToggle("deliverCard",[[ ${userConfig.deliverCard eq  '1' }]]);
    $("#inputCollect,#collectionPayType").change(function(){
        //开票有代收款同时又选择要网转，这时界面应该自动显示 发货方卡号字段行
        if( $.trim($("#inputCollect").val())!="" &&  parseFloatSmart($.trim($("#inputCollect").val()))!=0 &&
            $("#collectionPayType").val()==1
        ){
            changeDeliverCard(true);
        }else{
            if([[ ${userConfig.deliverCard eq  '1' }]]){
                changeDeliverCard(true);
            }else{
                changeDeliverCard(false);
            }
        }
    });
 */

function  initToggle(  toggleClass ,initShow){
    if(initShow){
        $('.'+toggleClass).show();
        $('#'+toggleClass+"ShowId").hide();
        $('#'+toggleClass+"HideId").show();
    }else{
        $('.'+toggleClass).hide();
        $('#'+toggleClass+"ShowId").show();
        $('#'+toggleClass+"HideId").hide();
    }
    $('#'+toggleClass+"ShowId").off('click').on('click', function () {
        show();
    });
    $('#'+toggleClass+"HideId").off('click').on('click', function () {
        hide();
    });

    function show(){
        $('#'+toggleClass+"ShowId").hide();
        $('#'+toggleClass+"HideId").show();
        $('.'+toggleClass).show();
    }
    function hide(){
        $('#'+toggleClass+"ShowId").show();
        $('#'+toggleClass+"HideId").hide();
        $('.'+toggleClass).hide();
    }

    return function change(paramShow){
        if(paramShow){
            show();
        }else{
            hide();
        }
    }
}