確定jquery滑塊選項卡上點擊標籤的ID

我有2個外部標籤，每個外部標籤有2個內部標籤，這2個內部標籤有2個鏈接。外部標籤在班級翻蓋內，內部標籤在班級面板中。點擊翻頁時，面板將展開以顯示標籤的內容。在我所做的事情上，當我點擊任何外部標籤時，所有外部標籤都會滑動，並且外部標籤的直接子標籤的內部標籤也會滑動，從而顯示所有鏈接。但是我想實現的是，當單擊外部標籤時，只需滑動它，顯示內部標籤，並在單擊內部標籤時，只顯示屬於該標籤內部標籤的鏈接。確定jquery滑塊選項卡上點擊標籤的ID

HTML：

<div class="flip" id="outer_flip_1">Outer 1 
    <div class="panel" id="outer_panel_1"> 
      <div class="flip" id="link_flip_1"> Panel 1 
       <div class="panel" id="link_panel_1"> Link 1 </div> 
       <div class="panel" id="link_panel_2"> Link 2 </div> 
      </div> 
      <div class="flip" id="link_flip_2"> Panel 2 
       <div class="panel" id="link_panel_3"> Link 3 </div> 
       <div class="panel" id="link_panel_4"> Link 4 </div> 
      </div> 
    </div> 
<div class="flip" id="outer_flip_2">Outer 2 
    <div class="panel" id="outer_panel_2"> 
      <div class="flip" id="link_flip_3"> Panel 3 
       <div class="panel" id="link_panel_5"> Link 5 </div> 
       <div class="panel" id="link_panel_6"> Link 6 </div> 
      </div> 
      <div class="flip" id="link_flip_4"> Panel 4 
       <div class="panel" id="link_panel_7"> Link 7 </div> 
       <div class="panel" id="link_panel_8"> Link 8 </div> 
      </div> 
    </div> 
</div>

的Javascript：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script> 
    $(document).ready(function(evt){ 
    $(".flip").click(function(evt){ 
    $(".panel").stop().slideToggle(300); 
    }); 
}); 
</script>

CSS：

.panel,.flip 
    { 
     padding:5px; 
     text-align:center; 
     border:solid 1px #c3c3c3;  
    } 
    .flip 
    { 
    background-color:#e5eecc; 
    } 
    .panel 
    { 
     display:none; 
     background-color:#fff; 
    }

來源

2014-06-19 user3388324

在下面給出的解決方案會爲你工作或需要更新的代碼？ –

我剛走出去。我會在30分鐘內檢查它。抱歉。 – user3388324

沒問題，讓我知道如果您在此代碼後再次遇到問題 –

默認情況下，所有選項卡會顯示沒有像在CSS中設置顯示無人面板和翻頁都並在給定的代碼下應用它將起作用，因爲它由當前對象組成。請嘗試以下js代碼

$(document).ready(function(evt){ 
    $(".flip").click(function(evt){ 
    $(this).slideToggle(300); 
    }); 
$(".panel").click(function(evt){ 
    $(this).slideToggle(300); 
    }); 
});

來源

2014-06-19 14:19:29

它不起作用。 – user3388324

您能否請詳細解釋您的需求 –

確定jquery滑塊選項卡上點擊標籤的ID

回答

相關問題