Şu sitedeki gibi açılıp kapanabilen şeyi nasıl yapabilirim ?

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI Şu sitedeki gibi açılıp kapanabilen şeyi nasıl yapabilirim ?

Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı

7
Cevap 2968
Tıklama 0
Öne Çıkarma

1. sayfa

Şu sitedeki gibi açılıp kapanabilen şeyi nasıl yapabilirim ?

Cevap Yaz

Erdinç Çelik

14 yıl

Yüzbaşı

Konu Sahibi

Arkadaşlar sonerozdemir.com bu sitede menülerden yayınlar bölümüne girince oradaki alana tıklayınca aşağıya doğru açılır liste gibi bir şey çıkıyor tekrar basınca açıklamalar kayboluyor bunu nasıl yapabilirim bir örnek kod gösteririmisiniz?Flash olmasın arkadaşlar javascript ya da css ya da ajax

< Bu mesaj bu kişi tarafından değiştirildi Erdinç Çelik -- 5 Kasım 2011; 17:51:11 >

TradeMark

14 yıl

Binbaşı

jQuery slideToggle methodunu bir araştır. İşini görür. Tabi arayüz kısmı sana kalmış.

shezofren136

14 yıl

Teğmen

quote:

Orijinalden alıntı: Erdinç Çelik

Arkadaşlar sonerozdemir.com bu sitede menülerden yayınlar bölümüne girince oradaki alana tıklayınca aşağıya doğru açılır liste gibi bir şey çıkıyor tekrar basınca açıklamalar kayboluyor bunu nasıl yapabilirim bir örnek kod gösteririmisiniz?Flash olmasın arkadaşlar javascript ya da css ya da ajax

merhaba onu yapmak gayet basittir.

jquery ile çok basit bir şekilde yapabilirsiniz. slideup komutu veya hide ile o altta açılan yerin görüntülenmesini sağlayabilirsin.

ben şimdi sana aynı bu şekilde çalışan kod vericem sen istersen onun üzerinden uyarla.

önemli not: jquery.js dosyasını da indirmeyi unutma.

çalışan kod//////////////////////////////////

<!DOCTYPE xhtml PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="tr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="ROBOTS" content="FOLLOW, INDEX"/>
<title>www.yaptibunu.com</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script>

$(document).ready(function () {
$('#Menu a').click(function () {
$('#Menuiki').toggle('medium');
});
});
</script>
</head>

<body>
<div id="Menu">
<a href="#" >Menu İki div'ini aç / kapat </a>
</div>
<div id="Menuiki" style="display:none; background-color: #e2e2e2; width:200px; height: 100px; border:1px solid #000000;">
Menü 2<br>
Menü 2<br>
menü 2<br>
</div>

</body>
</html>

Bu mesaja 1 cevap geldi.

Erdinç Çelik