You must Sign In to post a response.
  • Category: JQuery

    Jquery Slide-- Slide Down

    The Jquery Slide methods gradually changes the height for selected elements.
    for slide doen we use this method-
    $(selector).slideDown(speed,callback)

    codes---------
    <html>
    <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function (){
    $(".flip").click(function(){
    $(".panel").slideDown("slow");
    });
    });
    </script>

    <style type="text/css">
    div.panel,p.flip
    {
    margin:0px;
    padding:5px;
    text-align:center;
    background:#e5eecc;
    border:solid 1px #c3c3c3;
    }
    div.panel
    {
    height:120px;
    display:none;
    }
    </style>
    </head>

    <body>

    <div class="panel">
    <p>this post is to define the slide down process</p>
    <p>in the slid define it shows the JQuery slide methods</p>
    </div>

    <p class="flip">Show panel</p>

    </body>
    </Html>
  • #765719
    Hi,

    This is not the place to post such type of articles, please use Articles section for posting articles in our forum.

    --------------------------------------------------------------------------------
    Give respect to your work, Instead of trying to impress your boss.

    N@veen
    Blog : http://naveens-dotnet.blogspot.in/

  • #765729
    This is the forum section, do you have any question or query ? or if you want to publish your something. If yes then you can write an article on such aspect and deploy it in our article section, if your article is having quality then you can applicable for reward and cash.
    You can make money from this site by posting original and quality articles that comply with Google AdSense policies.

    Thanks
    Koolprasd2003
    Editor, DotNetSpider MVM
    Microsoft MVP 2014 [ASP.NET/IIS]


Sign In to post your comments