点击按钮后如何打开可折叠面板


how to open a collapsible panel after button click

如何在点击按钮后打开可折叠面板。按钮在第一页,然后折叠面板在第二页。

这是我的可折叠面板的详细信息。

   <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingTwo">
        <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
        Medicine
        </a>
        </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
        <div class="panel-body">
        <form action="transaction.php" method="POST">
        <div class="col-md-6">
        <div class="panel panel-info">
        <div class="panel-heading"><h7>Medicine Type : </h7></div>
        <div class="panel-body">
        <select name="selectmedicine" class="form-control col-sm-4" id="medicinename">
        <option id="0" style="width:100px"></option>

这是我的脚本代码-不工作

     <script type="text/javascript">
    $('#collapseone').collapseone({
    toggle: true
    });
    </script>

我应该把脚本代码放在第一页或第二页的哪里?

代码如下:当我点击第1页的按钮时,我将设置一个项目名称为ABC,在第2页,它将检查该项目名称是否为ABC,如果是ABC,则将显示您的特定面板。

第1页:

<input type="button" id="btnQueryString" onClick="submit()" value="Send" />
<script type="text/javascript">
    function submit()
 {
       //write ur code what u want
        var myvalue = "abc";
'<%Session["name"] = "' + myvalue + '"; %>';
 }

第二页:

 <script type="text/javascript">
 var newvalue = '<%= Session["name"] %>';
  if( newvalue == abc)
{
   document.getElementById('Panel1').style.display = "block";
}
else
{
 document.getElementById('Panel1').style.display = "none";
}
</script>

在page1我写了一个方法叫submit,这个方法是用来发送值给page2只是通知按钮被点击,我将调用这个方法在按钮像onClick="submit"。

在page2中,首先我将检查会话值,如果在page1中单击按钮,则值将为:abc:否则将为空白。因此,如果value是abc,我将显示面板