Ş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 2964
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

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

< 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