merhaba

görünüm düzenleyicilere girin. eğer bu akordeon menü her sayfada gözükecekse sağdan üst kısım header.php olan dosyaya girin.
</head> tagının hemen üstünde bir enter boşluk oluşturarak

	<link rel="stylesheet" type="text/css" href="css/default.css" />
		<link rel="stylesheet" type="text/css" href="css/component.css" />
		<script src="js/modernizr.custom.js"></script>

şunları ekleyin kaydedin. daha sonra sağdan alt kısım footer.php içerisine girerek </body>'nin hemen üstünde bi enter yaparak

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		<script src="js/jquery.cbpNTAccordion.min.js"></script>

şunları ekleyin. eğer daha önceden jquery eklediyseniz ilk satırı eklemeyin.

indirdiğiniz zip içerisinde index.html içinde örnek var oradan da bakabilirsiniz.

akordeon'u nereye koymak istiyorsanız koyun ve üstteki scriptlerin hemen altında;

<script>
			$( function() {
				/*
				- how to call the plugin:
				$( selector ).cbpNTAccordion( [options] );
				- destroy:
				$( selector ).cbpNTAccordion( 'destroy' );
				*/

				$( '#cbp-ntaccordion' ).cbpNTAccordion();

			} );
		</script>

şeklinde tetikleyin. en son satırdaki #ile başlayan kelime ana akordeon <ul bloğunuzun id'sidir.

edit: düzenlediğiniz dosyaların içeriğini not defterine yedekleyin. bir hata yaparsanız orjinal halini yapıştırır siteyi kurtarırsınız.


İyi çalışmalar.