クリック機能を有効にしたいdivがありますが、div内の「a」タグまたはそれが切り替えているdivはありません。
HTML
<div class='row client-outstandings'>
<div class='twelve columns'>
<div class='panel'>
<h3><a href="{% url clients.views.view_client c.client.id %}" target="_blank">{{ c.client }}</a> - {{ c.total|currency }}</h3>
<div class='client-outstandings-details' style='display:none;'><a href="">Blah blah</a> </div>
</div>
</div>
</div>
コード:
$(function () {
$('.client-outstandings').live('click', function () {
$(this).find('.client-outstandings-details').toggle('fade');
});
});
「.client-oustandings」divまたは「.client-outstandings-details」内の「a」タグがトグルをトリガーしないようにしようとしています。
何か案は?