JQUERY İLE METİN GİZLEME VE GÖSTERME

Şerafettin Güneş Ağustos 31, 2020 JQUERY 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm6.aspx.cs" Inherits="denesil3.WebForm6" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script src="jquery.js">

    </script>
    
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <button id="btnGizle" type="button">GİZLE</button>
            <button id="btnGoster" type="button">GÖSTER</button>

            <ul>
                <li>deneme1</li>
                <li>deneme2</li>
                <li>deneme3</li>
            </ul>
            <ul class="liste">
                <li>deneme4</li>
                <li>deneme5</li>
                <li>deneme6</li>
            </ul>
        </div>
    </form>
    <script>

        $("#btnGizle").click(function () {
            $(".liste li").fadeOut();
        });


        $("#btnGoster").click(function () {
            $(".liste li").fadeIn();
        })
    </script>
</body>
</html>








Yorum Gönder

0 Yorumlar