司必須得到多個隱藏

當我點擊視圖（id）該行必須消失，並像往常一樣，面板身體部門必須顯示，因爲手風琴工作正常。我需要對視圖（ID）的點擊爲此不得不隱藏多個部門的任何一個可以給我建議，如何做到這一點司必須得到多個隱藏

這是我的html頁面

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

來源

2017-05-02 Learner

請注意關於stackoverflow上的問題標籤。我已經刪除了'php'標籤，因爲這個問題與PHP無關。 –

文件沒有額外的c，並且不應該是一個字符串 – JonathanRomer

好的，謝謝。但是，我已經提到了php標籤，因爲我的代碼也有php代碼 – Learner

建議如下：

的JavaScript

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

這將隱藏#view元素。將無法取消隱藏它，因此如果用戶導航到另一個面板，他們將無法返回。工作示例：https://jsfiddle.net/Twisty/przndthk/

這在我看來有點奇怪。您可能想要考慮更類似於：https://jsfiddle.net/Twisty/przndthk/3/

來源

2017-05-02 15:07:06 Twisty

司必須得到多個隱藏

回答

相關問題