Jquery 部门必须隐藏多次

当我点击视图id时，该行必须消失，像往常一样，面板主体部分必须显示，由于手风琴的作用，它工作正常。我需要这样做，点击视图id必须隐藏多个分区有谁能给我建议如何做

这是我的html页面

这是我使用的脚本

---

建议如下：

JavaScript

这将隐藏视图元素。无法取消隐藏，因此如果用户导航到另一个面板，他们将无法返回。工作示例：

---

这在我看来有点奇怪。您可能想考虑更类似的事情：

请注意StAdvExcel上的问题标签。我已经删除了“php”标记，因为这个问题与没有额外c的php.Document无关，不应该是stringOK，谢谢。但是，我提到了php标记，因为我的代码中也有php代码没有问题：发布的代码片段实际上并不包含相关的PHP片段。如果您编辑您的问题并添加一些相关的PHP代码，那么该问题属于PHP问题，您可以随时再次添加标记。

  <div id="accordion">    
        <div class="row" id="view">
            <span class="col-md-4">Mobile Number</span>
            <span class="col-md-4">7894561236</span>
            <span  class="col-md-4">Edit</span></span>
        </div>
        <div class="panel-body ">
            <div class="row accordion-panel-bg">
                <div class="col-md-7 col-md-offset-2 text-center">

                    <label  class="col-md-4">Mobile Number</label>     
                    <div class="col-md-8">
                        <input type="hidden" name="mobile_no" id="mobile_no" value="<?php echo $row->mobile_no; ?>" />
                        <input type ="text" class="form-control" name="mobile_no" id="mobile_no" value="<?php echo $row->mobile_no; ?>"/></br>
                        <input type="submit" value="Save" class="btn btn-success" style="width:70px;">
                        <!--                                            <button type="button" class="btn btn-success">Save</button>-->
                        <button type="button" class="btn btn-warning cancel-name">Cancel</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <span class="col-md-4">Password</span>
            <span class="col-md-4">XXXXX</span>
            <span  class="col-md-4">Edit</span></span>
        </div>
        <div class="panel-body ">
            <div class="row accordion-panel-bg">
                <div class="col-md-7 col-md-offset-2 text-center">

                    <label  class="col-md-4">Password</label>          
                    <div class="col-md-8"> 
                        <input type="hidden" name="password" id="password" value="<?php echo $row->password; ?>" />
                        <input type ="text" class="form-control" name="password" id="password"/></br>
                        <input type="submit" value="Save" class="btn btn-success" style="width:70px;">
                        <!--                                            <button type="button" class="btn btn-success">Save</button>-->
                        <button type="button" class="btn btn-warning cancel-name">Cancel</button>
                    </div>
                </div>
            </div>
        </div>
    </div>    

<script>
        $(function () {
            $("#accordion").accordion({collapsible: true, active: false});
        });
    $("doccument").ready(function(){
        $("#view").click(function(){
        $("#view").hide();
        });
    });
    </script>

$(function () {
  $("#accordion").accordion({
    collapsible: true,
    active: false
  });
  $("#view").click(function(){
    $(this).hide();
  });
});