<\/div>\n
JQuery k\u00fct\u00fcphanesinin fadeOut ve fadeIn fonksiyonlar\u0131, belirli elemanlar\u0131 gizleme – g\u00f6sterme i\u015flemlerinde animasyonlu bir g\u00f6r\u00fcnt\u00fc sergilemektedirler.<\/p>\n
\r\n<div id="Div1">Gen\u00e7ay Y\u0131ld\u0131z<\/div>\r\n<input type="submit" id="btnGizle" value="Gizle" \/> |\r\n<input type="submit" id="btnGoster" value="G\u00f6ster" \/>\r\n<\/pre>\nHTML kod yap\u0131s\u0131n\u0131 ele alal\u0131m.<\/p>\n
\r\n<script type="text\/javascript">\r\n    $(document).ready(function () {\r\n        $("#btnGizle").click(function () {\r\n            $("#Div1").fadeOut();\r\n        });\r\n        $("#btnGoster").click(function () {\r\n            $("#Div1").fadeIn();\r\n        });\r\n    });\r\n<\/script>\r\n<\/pre>\nYukar\u0131daki kod blo\u011fundaki kullan\u0131m tarz\u0131 “Div1” id de\u011ferine sahip eleman\u0131 animasyonu bir bi\u00e7imde g\u00f6sterip gizlemeye yaramaktad\u0131r.<\/p>\n
\r\n<script type="text\/javascript">\r\n    $(document).ready(function () {\r\n        $("#btnGizle").click(function () {\r\n            $("#Div1").fadeOut(1000, function () {\r\n                alert("Div nesnesi gizlenmi\u015ftir.");\r\n            });\r\n        });\r\n        $("#btnGoster").click(function () {\r\n            $("#Div1").fadeIn(1000, function () {\r\n                alert("Div nesnesi g\u00f6sterilmi\u015ftir.");\r\n            });\r\n        });\r\n    });\r\n<\/script>\r\n<\/pre>\nYukar\u0131daki kod blo\u011funu incelerseniz e\u011fer “Div1” id de\u011ferine sahip eleman gizlenip g\u00f6sterilirken animasynun s\u00fcresi manuel olarak belirlenmi\u015f ve i\u015flem sonucunda alert ile kullan\u0131c\u0131ya bilgi verilmi\u015ftir.<\/p>\n
G\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi bu \u015fekilde esnek bir kullan\u0131mada sahiptir.<\/p>\n
Sonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere…
\nHepinize iyi \u00e7al\u0131\u015fmalar dilerim…<\/p>\n","protected":false},"excerpt":{"rendered":"
JQuery k\u00fct\u00fcphanesinin fadeOut ve fadeIn fonksiyonlar\u0131, belirli elemanlar\u0131 gizleme – g\u00f6sterme i\u015flemlerinde animasyonlu bir g\u00f6r\u00fcnt\u00fc sergilemektedirler. <div id="Div1">Gen\u00e7ay Y\u0131ld\u0131z<\/div> <input type="submit" id="btnGizle" value="Gizle" \/> | <input type="submit" id="btnGoster" value="G\u00f6ster" \/> HTML kod yap\u0131s\u0131n\u0131 ele...<\/p>\n","protected":false},"author":1,"featured_media":3014,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,19],"tags":[777,778,265,748],"class_list":["post-3247","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-jquery","tag-faceout","tag-fadein","tag-javascript-2","tag-jquery"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=3247"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3247\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/3014"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=3247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=3247"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=3247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}