Untitled

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <button>fadein</button>
        <button>fadeout</button>
        <button>fadeto50</button>
        <button>fadeto100</button>
        <br><br><br><p id="kosekid">kosek z id</p><br>
        <button>slideup</button>
        <button>slidedown</button>
        <button>slidetoggle</button>
        <p class="kosekclass">kosek z klasą</p><br>
        <button>hide</button>
        <button>show</button>
        <button>toggle</button>
        <p id="kosekid1" class="kosekclass1">tomasz jan paweł kochał małe dzieci</p><br>
    </body>
    <script>
        $("button").click(function ()
        {
            var klik = $(this).text();
            switch (klik)
            {
                case "fadein":
                    $("#kosekid").fadeIn();
                    break;
                case "fadeout":
                    $("#kosekid").fadeOut();
                    break;
                case "fadeto50":
                    $("#kosekid").fadeTo("slow", 0.5);
                    break;
                case "fadeto100":
                    $("#kosekid").fadeTo("slow", 1);
                    break;
                case "slideup":
                    $(".kosekclass").slideUp("slow");
                    break;
                case "slidedown":
                    $(".kosekclass").slideDown("slow");
                    break;
                case "slidetoggle":
                    $(".kosekclass").slideToggle("slow");
                    break;
                case "hide":
                    $("#kosekid1").hide();
                    break;
                case "show":
                    $("#kosekid1").show();
                    break;
                case "toggle":
                    $("#kosekid1").toggle();
                    break;
            }

        });

    </script>
</html>