覆蓋類

Question

我用下面的代碼切換它的工作很好，但下面的div也下降，當我們點擊。取而代之的是我想要的div爲疊加（Z-指數），當用戶點擊它顯示下拉不是一個切換如何以達致這

jQuery(function($) { 
    $('dd').hide() 
    $(".navigation dt").click(function() { 
    if ($(this).next('dd').is(":visible")) { 
     $(this).next('dd').slideToggle('slow').toggleClass('close'); 
    } else { 
     $(this).next('dd').slideToggle('slow').toggleClass('close'); 
    } 
    }); 
}); 

Answer 1

你需要改變你的下拉元素的position屬性，使用position: absolute。

我已經使用一個下拉position: absolute位於相對於它的父創建了一個非常基本的例子，使用position: relative：

<div id="content"> 
    <div id="button"><!-- dropdown toggle --></div> 
    <div id="subcontent"> 
    <!-- dropdown content --> 
    </div> 
</div> 

這是一個jQuery片斷一個建議：

$(document).ready(function(){ 
    //hide the div '#subcontent' 
    $('#subcontent').hide(); 
    //create click function for subcontent 
    $('#button').click(function(){ 
    $('#subcontent').stop().slideToggle(); 
    }); 
}); 

JS FIDDLE DEMO

要使用這些重要的和und erstand位置屬性。你可以閱讀關於它at w3schools。