Öncelikle head etiketleri arasına JQuery kütphanesini dahil edin. Daha sonra şu kodları </head> etiketinden hemen önce ekleyin;
Eğer bilmiyorsanız JQuery kütüphanesi dahil etme;
</head> etiketindenönce ekleyin:
Daha sonra açma kapatma düğmesini ekleyelim ;
Bul:
Üstüne Ekle:
Ve son olarak da Javascript kodlarımızı </head> tagının üstüne ekleyelim;
Eğer olmazsa tekrar yardımcı olurum. Kolay gelsin
Eğer bilmiyorsanız JQuery kütüphanesi dahil etme;
</head> etiketindenönce ekleyin:
Kod:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>Daha sonra açma kapatma düğmesini ekleyelim ;
Bul:
Kod:
<div id="emoticonsContainer" dir="ltr">Kod:
<div id="toggle" style="background-color:#eee;border:1px solid #bbb; border-radius:3px;padding:3px 8px;>Gülücükler</div>Ve son olarak da Javascript kodlarımızı </head> tagının üstüne ekleyelim;
Kod:
<script type="text/javascript">
$(function(){
$("#toggle").click(function(){
$("#emoticonsContainer").slideToggle('slow');
});
});
</script>Eğer olmazsa tekrar yardımcı olurum. Kolay gelsin