アコーディオンのメニュー作ろうと思ってるのですが、リストにfloatかけてるせいで、左端に吸い込まれるようなアニメーションになってしまいました。
またjquery1.9以降ではtoggleは使えない？となると、ほかにどのような書き方がありますでしょうか？

$(function(){
$(’nav .title’).click(function(){
$(this).toggleClass(’on’);
$(’nav ul’).toggle(’blind’, ’’, 700);
});

});

<nav>
<div class="title">タイトル</div>
<ul>
<li>項目1</li><li>項目2</li><li>項目3</li><li>項目4</li>
</ul>
</nav>

ul li {float:left; width50%;}
.on:after { content:"-";}