javascript - 单击按钮后如何打开可折叠面板

Question

如何在单击按钮后打开可折叠面板。按钮位于第一页，然后可折叠面板位于第二页。

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

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

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

Answer 1

编写类似这样的代码..当我单击第 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 + '"; %>';
 }

第 2 页:

 <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 中，首先我将检查 session 值，如果在 page1 中单击按钮，则该值将为 :abc: ，否则将为空。因此，如果值为 abc ，我将显示面板。