Top Slider Panal Push Down The below content :(

Question

istore221 0 Newbie Poster

11 Years Ago

<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

javascript

2 Contributors
1 Reply
106 Views
1 Hour Discussion Span
Latest Post 11 Years Ago Latest Post by LastMitch

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

LastMitch · Answer 1 · 2013-02-05T05:41:13+00:00

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