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

    Jquery Slide-- SlideToggle

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

    code---

    <html>
    <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function (){
    $(".flip").click(function(){
    $(".panel").slideToggle("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 UP process</p>
    <p>in the slide define it shows the JQuery slide methods</p>
    </div>

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

    </body>
    </Html>
  • #765717
    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/

  • #765730
    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