Untitled

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Hide.aspx.cs" Inherits="Hide" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Hide</title>
    <script src="Scripts/jquery-1.10.2.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#slika").click(function () {
                $("#maj").slideToggle("slow");

            });
            $("#show").click(function () {
                $("#tekst").show("slow");

            });
        });
</script>

    <style>
        #tekst{
            display:none;
            background-color: #e5eecc;
            padding: 5px;
        }
        #slika {
            display: inline;
            padding: 5px;
            text-align: center;
            background-color: #e5eecc;

        }
        #slika2{

        }
        #maj{
            display:none;
        }
    </style>
</head>
<body>
    <button id="show" type="button">Prikazi tekst</button>
    <div id="tekst">Tehnicka Skola 9 maj je jako dobra skola za djake. U palanci. Kliknite<p id ="slika">ovde<div id ="slika2">
    <img src ="Content/ts9maj.png" id="maj" width="500" height="400"/>
     </div></p>da vidite gde je!</div>
</body>
</html>