jquery-akordiyon menu

Cevaplar

• 

  12 yıl önce yazılmış

  BQRA

  27 cevap - 2 soru
  javascript dosyalari, css dosyalarinin yerlerini kontrol et.

  • Frauzer
    sayfaya dahil ederek denedim.Yani zaten boş bir sayfada çalışıyor sadece benim anasayfamda çalışmıyor.
    12 yıl önce yazılmış
  • BQRA
    o zaman kodlari gormeden bi' sey soylemek zor.
    12 yıl önce yazılmış
• 

  12 yıl önce yazılmış

  Frauzer

  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
    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
    12 yıl önce yazılmış
  • Frauzer

    <script type="text/javascript" src="Js/jquery-1.6.2.js"></script>

    
    Bu şekilde sayfaya dahil ediyorum.Standart sitesindeki versiyon
    12 yıl önce yazılmış
• 

  12 yıl önce yazılmış

  katapult

  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
    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
    12 yıl önce yazılmış
  • Frauzer
    Sadece sol taraftaki Harfler-Sayılar şeklinde giden akordiyon menu problem çıkarıyor.
    12 yıl önce yazılmış
  • Frauzer
    Arkadaşlar sorunu çözdüm herkese teşekkürler
    12 yıl önce yazılmış