[Demo] jQuery slideDown() method Example

[Demo] jQuery slideDown() method Example

by Tadit Dash

HTML

<table id="tabl2">
    <tr>
        <td>
            <button id="SlideToDown" style="background-color: #e5eecc; border-bottom-style: solid;">Click To Slide Down</button>
        </td>
    </tr>
    <tr>
        <td>
            <div id="div5">Submenu1</div>
        </td>
    </tr>
    <tr>
        <td>
            <div id="div6">Submenu2</div>
        </td>
    </tr>
    <tr>
        <td>
            <div id="div7">Submenu3</div>
        </td>
    </tr>
    <tr>
        <td>
            <div id="div8">Submenu4</div>
        </td>
    </tr>
</table>

CSS

#div8, #div7, #div6, #div5 {
    background-color: #e5eecc;
    border-bottom-style: solid;
    display: none;
}

JavaScript

$(document).ready(function () {
    $("#SlideToDown").click(function () {
        $("#div5").slideDown("slow");
        $("#div6").slideDown("slow");
        $("#div7").slideDown("slow");
        $("#div8").slideDown("slow");

        return false;
    });
});