Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

jquery-akordiyon menu

Arkadaşlar boş bir sayfada çalışan akordiyon menum sitemin anasayfasına attığım zaman çalışmıyor.Hatta sayfaya dahil ederekte denedim acaba bir hatamı var diye ama yok olmuyor.
Teşekkürler...
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • BQRA adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    27 cevap - 2 soru
    javascript dosyalari, css dosyalarinin yerlerini kontrol et.
    • Frauzer adlı üyenin fotoğrafı Frauzer
      sayfaya dahil ederek denedim.Yani zaten boş bir sayfada çalışıyor sadece benim anasayfamda çalışmıyor.
      10 yıl önce yazılmış
    • BQRA adlı üyenin fotoğrafı BQRA
      o zaman kodlari gormeden bi' sey soylemek zor.
      10 yıl önce yazılmış
  • Frauzer adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    40 cevap - 37 soru
    kodlaıda vereyim
    $(document).ready(function() {
    		 //$('#yklnyr').animate({opacity:'0',zIndex:'-2'},3000);//Açilis
    		 
    		$('#akordiyon span').click(function() {
    	var index = $('#akordiyon span').index(this);
    				
    	if ($('#akordiyon span:eq('+index+')').attr('title') == '0') {
    					
    	var icerik = $('#akordiyon span:eq('+index+')').html();
    	$.post('akordiyon.php',{deger:icerik},function(veri,Durum) {
    															    
    	$('#akordiyon div:eq('+index+')').append('<a href="#">'+veri+'</a>');
    														
    	$('#akordiyon div:eq('+index+')').slideDown(1000);	
    	$('#akordiyon span:eq('+index+')').attr('title','');					   
    														  
    														   
    	});
    	}
    	else {
    	$('#akordiyon div:eq('+index+')').slideUp(1000);
    	$('#akordiyon span:eq('+index+')').attr('title','0');
    	}
        }); 
    		
    		 
    });
    


    <div id="akordiyon">
    <span title="0">Harfler</span>
    <div>
    <a href="#">A</a><br />
    <a href="#">B</a><br />
    <a href="#">C</a><br />
    </div>
    <span title="0">Sayılar</span>
    <div>
    <a href="#">1</a><br />
    <a href="#">2</a><br />
    <a href="#">3</a><br />
    </div>
    <span title="0">Harfler</span>
    <div>
    <a href="#">A</a><br />
    <a href="#">B</a><br />
    <a href="#">C</a><br />
    </div>
    <span title="0">Sayılar</span>
    <div>
    <a href="#">1</a><br />
    <a href="#">2</a><br />
    <a href="#">3</a><br />
    </div>
    <span title="0">Harfler</span>
    <div>
    <a href="#">A</a><br />
    <a href="#">B</a><br />
    <a href="#">C</a><br />
    </div>
    </div>
    
    
    

    #akordiyon {
    	float: left;
    	width: 190px;
    }
    #akordiyon span {
    	font-size: 14px;
    	font-weight: bold;
    	height: 25px;
    	width: 190px;
    	float: left;
    	text-align: center;
    	background-color: #036;
    	color: #FFF;
    	-webkit-border-radius: 5px;
    	-webkit-box-shadow: 2px 2px 3px #000; /* Safari */
    	box-shadow: 2px 2px 3px #000;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#4F4F4F'); /* for IE */
    	background: -webkit-gradient(linear, left top, left bottom, from( #999), to( #4F4F4F)); /* for webkit browsers */
    	background: -moz-linear-gradient(top,  #999,  #4F4F4F); /* for firefox 3.6+ */
    	line-height: 22px;
    }
    #akordiyon span:hover {
    	cursor:pointer;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#909090'); /* for IE */
    	background: -webkit-gradient(linear, left top, left bottom, from( #333), to( #909090)); /* for webkit browsers */
    	background: -moz-linear-gradient(top,  #333,  #909090); /* for firefox 3.6+ */
    }
    #akordiyon div {
    	display: none;
    	width: 190px;
    	float: left;
    }
    #akordiyon div a {
    	text-decoration: none;
    	padding-left: 5px;
    }
    
    • mbayraktar adlı üyenin fotoğrafı mbayraktar
      arkadasim sacma bir soru olabilir ama yine de kafalarda süphe olusturmamasi acisindan sorayim:

      hangi jQuery Framework ile calisiyor?
      online bakabilecegim bir adres varsa net olabilir birsey söyleyebilirim. (gönderdigin örnekte js sourcesi yok)

      yararli olabilcek bir kac adim:
      jquery.js nin son versiyonunu indirip index e bagla.
      jquery.min.js
      jquery-ui.js (animasyonlar icin kullanilan degisik bir jquery kütüphanesi)
      ücünü bir arada baglasanda sorun olusturmaz.

      tabii yukarida siraladigim kütüphanelerin senin scriptinle 100% alakasi olmayabilir malum fazla bilgi göremedim ama deneyip yanilarak incele...

      iyi calismalar
      10 yıl önce yazılmış
    • Frauzer adlı üyenin fotoğrafı Frauzer
      <script type="text/javascript" src="Js/jquery-1.6.2.js"></script>

      Bu şekilde sayfaya dahil ediyorum.Standart sitesindeki versiyon
      10 yıl önce yazılmış
  • katapult adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    53 cevap - 22 soru
    Kaynak dosyaları bizede yolla bende localhostta bakayım arkadaşım eğer sorunun devam ediyorsa.

    Çünkü bende tüm sistemi include ile taşıyarak yapıyorum.
    • Frauzer adlı üyenin fotoğrafı Frauzer
      http://www.fileserve.com/file/f6tpe9A/Blog.rar
      Arkadaşlar gerekli dosyalar bu linkte mevcut.Yalnız bu siteye herhangi bir üyeliğim ve çıkarım yok yanlış anlaşılmasın
      10 yıl önce yazılmış
    • Frauzer adlı üyenin fotoğrafı Frauzer
      Sadece sol taraftaki Harfler-Sayılar şeklinde giden akordiyon menu problem çıkarıyor.
      10 yıl önce yazılmış
    • Frauzer adlı üyenin fotoğrafı Frauzer
      Arkadaşlar sorunu çözdüm herkese teşekkürler
      10 yıl önce yazılmış