Javascript 如何隐藏和显示衣领

我的页面中有两个拼贴。我在拼贴单中有Btn_第一个。当页面加载时，我想将显示collapsOne和collapsTwo no。当Btn_第一次单击时，将显示collapsTwo。 我确实喜欢下面。一切正常，我在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>

跑
///////////////////
$（文档）.ready（函数（）{
$（“#collapseTwo”）.remove（）；
$（'#Btn_优先）。单击（函数（）{
如果（Mytemp==Mytemp）{myfunc（2）；}
});
)};
函数myfunc（标志）{
警报（“hi”）；
如果（标志==2）{
document.getElementById（'collapseTwo'）.style.display=“可见”；
}
}

$（文档）.ready（函数（）
{
$（“#collapseTwo”）.hide（）；
$（“#Btn_优先”）。单击（函数（）
{
GoFunc（2）；
});
});
函数Gofunc（2）
{
document.getElementById（'collapseTwo'）.style.display=“block”；
}

您确定这是MVC问题吗？它看起来更像CSS/Boostrap。谢谢你的guid。不，我想先检查$（'#Btn_）中的一些条件。单击（函数（）{}），然后转到MyFunc。我编辑了$（'#Btn_）。单击（函数（）{}）我想转到MyFunc。为什么要删除CollapseTwo div$（“#collapseTwo”）.remove（）；也可以将块用作“显示”属性。document.getElementById（'collapseTwo'）.style.display=“block”；谢谢，你帮了我

       <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>