anlatımına geçelim
indir:
http://blog.weboutbox.com/ornekler/a.../accordion.rar
tema klasörüne at: accordion.js, jquery.js
indirilen css/style.css aç: div.accordionBaslik{ dan sonuna kadar kopyala
tema style.css aç: en sona yapıştır
header.php aç: </head> dan öncesine aşağıdakileri yapıştır
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/accordion.js"></script>
<body> den sonrada aşağıdakileri yapıştır
<script type="text/javascript">
$(document).ready(function(){
$('li.accordion1').accordion({
acik:1,
baslik:'<div class="menuTitle">Bölümler</div>',
hiz:150,
etiket:'ul',
effect:'fade',
style:'menu'
});
});
</script>
yeni bir yazı girerkende bu şekilde gir
<ul>
<li class="accordion1">
<ul title="Part 1">
<li>Embed kod</li>
</ul>
<ul title="Part 2">
<li>Embed kod</li>
</ul>
<ul title="Part 3">
<li>Embed kod</li>
</ul>
<ul title="Part 4">
<li>Embed kod</li>
</ul>
</li>
</ul>
yazıyı kaydet
son olarakta güle güle kullan