覆盖类

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。