0
<body>

        <a href="#" class="show_hide">Show/hide</a>

        <div class="slidingDiv">
                Fill this space with really interesting content. <a href="#" class="show_hide">hide</a>
                <P>aasasasas</P>
        </div>



        <div id="content">


        </div>




</body>






$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function()
    {
         $(".slidingDiv").slideToggle();
    });

});





.slidingDiv {
    height:300px;

    background-color: rgb(34,34,34);
    padding:20px;
    margin-top:10px;

}

.show_hide {
    display:none;
}


#content
{
    width:900px;
    height:400px;
    background:rgb(85,85,85);   

}

My problam is when the Top slider comes down it push the content div down but i dont want that i want to overlap the content in my #content div (it shoud stay where he is)

Thank you pros

2
Contributors
1
Reply
2
Views
4 Years
Discussion Span
Last Post by LastMitch
0

@istore221

My problam is when the Top slider comes down it push the content div down but i dont want that i want to overlap the content in my #content div (it shoud stay where he is)

This is seems to be more like a CSS issue than a JQuery issue.

Try to put in your CSS

overflow: visible;
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.