如何隐藏和显示折叠

how can i hide and show collaps

本文关键字：显示 折叠 隐藏 何隐藏      更新时间：2023-09-26

我的页面中有两个折叠.我在collapsOne中Btn_First。 当页面加载时，我想折叠一个会出现，折叠两个没有。 当Btn_First点击时，会出现折叠两个。我喜欢下面.所有事情都是正确的，我在MyFunc中得到警报。但是折叠两个不会出现.

<div class="accordion-group">
    <div class="accordion-heading">
       <a class="accordion-toggle" data-toggle="collapse" data- parent="#checkout" href="#collapseOne"> First Step</a>
    </div>
    <div id="collapseOne" class="accordion-body collapse">
       <div class="accordion-inner">
          <form class="register-form">
             <input class="input-block-level" type="text" placeholder=" Name  " id="inputname">
             <input class="input-block-level" type="text" placeholder="Lname  " id="inputlname">
             <button class="btn btn- medium btn-general input-block-level" data-toggle="collapse" href="#collapseOne" type="submit"  id="Btn_First" ">Run </button>
          </form>
       </div>
    </div>
 </div>
 /////////////////
 <div class="accordion-group">
    <div class="accordion-heading">
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#checkout" href="#collapseTwo"> First Step</a>
    </div>
    <div id="collapseOne" class="accordion-body collapse">
       <div class="accordion-inner">
          <form class="register-form">
              <input class="input-block-level" type="text" placeholder=" Email  " id="inputEmai;">
              <input class="input-block-level" type="text" placeholder="Phone  "  id="inputPhone">
              <button class="btn btn- medium btn-general input-block-level" data-toggle="collapse" href="#collapseTwo" type="submit"  id="Btn_Second" ">Run </button>
         </form>
       </div>
     </div>
  </div>
  ///////////////////
  <script type="text/javascript">
     $( document ).ready( function () {
        $("#collapseTwo").remove();
        $('#Btn_First).click(function () {
            if ( Mytemp == mytemp){ myfunc( 2 );}
        });
     )};
     function myfunc( flag ) {
        alert('hi');
     if ( flag == 2 ) {
        document.getElementById('collapseTwo').style.display = "visible";
        }
    }
</script>

       <script type="text/javascript">
                    $(document).ready(function()
                   {
             $("#collapseTwo").hide();
                 $("#Btn_First").click(function()
          {
             GoFunc(2); 
               });
                    });
                      function Gofunc(2)
    {
     document.getElementById('collapseTwo').style.display = "block";  
    }
</script>
相关文章：