<form id="formId">
    <input type="hidden" id="sysBatchNumber" name="sysBatchNumber">
    <input type="hidden" id="columns3" name="columns3">
    <input type="hidden" id="limitPageSize" name="pageSize" value="10" >
    <input type="hidden" id="limitPageNo" name="pageNum" value="1">
    <div class="select-list">
        <ul>
            <li>
                <label>Система сортировки：</label>
                <input type="text" name="sysBatchNumberSort"/>
            </li>

            <li>
                <label>Номер стиля：</label>
                <input type="text" name="modelNum"/>
            </li>
            <li>
                <label>Название продукта：</label>
                <input type="text" name="productName"/>
            </li>
            <li>
                <label>Оригинальный заводской номер：</label>
                <input type="text" name="oemNo"/>
            </li>
            <div >
                <a href="javascript:show();" id="my_btn"  > Расширять↓</a>
            </div>

           <div id="hiddenli" style="display:none">
               <li>
                   <label>партия：</label>
                   <input type="text" name="batchNo"/>
               </li>
               <li>
                   <label>серийный номер：</label>
                   <input type="text" name="serialNumber"/>
               </li>
               <li>
                   <label>лиO2Oонлайн-товары：</label>
                   <select name="o2oFlag" th:with="type=${@dict.getType('buss_yes_no')}">
                       <option value="">все</option>
                       <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                   </select>
               </li>
               <li>
                   <label>бренд：</label>
                   <input type="text" name="brand"/>
               </li>
               <li>
                   <label>годы：</label>
                   <input type="text" name="particularYear"/>
               </li>
               <li>
                   <label>сезон：</label>
                   <select name="season" th:with="type=${@dict.getType('order_temp_season')}">
                       <option value="">все</option>
                       <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                   </select>
               </li>
               <li>
                   <label>подкатегория：</label>
                   <select name="subclass" th:with="type=${@dict.getType('order_temp_subclass')}">
                       <option value="">все</option>
                       <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                   </select>
               </li>
               <li>
                   <label>Категория：</label>
                   <select name="category" th:with="type=${@dict.getType('order_temp_category')}">
                       <option value="">все</option>
                       <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                   </select>
               </li>
               <li>
                   <label>страна происхождения：</label>
                   <input type="text" name="countryOrigin"/>
               </li>
               <li>
                   <label>ли可以作为赠品：</label>
                   <select name="giftFlag" th:with="type=${@dict.getType('buss_yes_no')}">
                       <option value="">все</option>
                       <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                   </select>
               </li>
               <li>
                   <label>Скачать статус официального сайта：</label>
                   <select name="officialWebStatus" th:with="type=${@dict.getType('buss_yes_no')}">
                       <option value="">все</option>
                       <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                   </select>
               </li>
               <li>
                   <label>Доступный：</label>
                   <select name="availableStatus" th:with="type=${@dict.getType('buss_yes_no')}">
                       <option value="">все</option>
                       <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                   </select>
               </li>

               <li>
                   <label>состояние：</label>
                   <select name="status" th:with="type=${@dict.getType('sys_common_status')}">
                       <option value="">все</option>
                       <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                   </select>
               </li>
           </div>
           <p>
               <li>
                   <a class="btn btn-primary btn-rounded btn-sm" onclick="tableSearch()"><i class="fa fa-search"></i>&nbsp;поиск</a>
                   <a class="btn btn-warning btn-rounded btn-sm" onclick="reset()"><i class="fa fa-refresh"></i>&nbsp;перезагрузить</a>
               </li>
           </p>
        </ul>
    </div>
</form>

// Эффект сжатия и расширения
function show(){
    $("#hiddenli").show();
    $("#my_btn").html('Свернуть↑');
    document.getElementById('my_btn').href="javascript:hide();";
}


function hide(){
    $("#hiddenli").hide();

    $("#my_btn").html('Expand↓');
    document.getElementById('my_btn').href="javascript:show();";
}