Takip Edin

JQUERY

Jquery Message Box Uygulaması

Jquery Message Box Uygulaması - Öne Çıkan Görsel

Bu bölümde, temel düzeyde bir mesaj kutusu uygulaması yapılacaktır. Kullanıcı, mesaj kutusuna tıkladığında mesajın içeriği gösterilecek, tekrar tıkladığında ise içerik kaldırılacaktır.

X simgesine tıkladığında ise mesaj kutusu, ortadan kalkacaktır.

$(document).ready(function () {
            $("#header").click(function () {
                $("#content").toggle("slow");
            });

            $("#close").click(function () {
                $("#message-box").hide("slow");
            });
        });

#header id’sine sahip olan div‘e tıkladığımızda #content id’sine sahip olan div‘in display özelliğinin değeri, “none” ise “block” a, “block” ise “none” a dönüşecektir.

#close id’sine sahip olan span‘a tıkladığımızda ise #message-box id’sine sahip olan div‘in display özelliğinin değeri, “none” olacaktır.

Devamını oku

Popüler

error: Content is protected !!