div#quotecontact の「NEXT」のリンクをクリックすると、id quotecontact の div の内容を id quotenext の別の div に置き換える jQuery 関数を作成しました。それは正常に動作しますが、div#quotenext に「BACK」のリンクがあり、quotecontact div にリンクする必要がありますが、動作しません。以下にコードを記載します。どこが間違っているか教えてください。
<div class="slidingDiv">
<div id="quotecontact" style="display:none >
<a href="#" class="nextquote" data-target="quotenext" style="color:#000;font-size:19px">
NEXT
</a>
</div>
<div id="quotenext" style="display:none;">
<a href="#" class="nextquote" data-target="quotecontact" style="color:#000;font-size:19px">
< BACK
</a>
</div>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(".nextquote").click(function(e) {
e.preventDefault();
$j(".slidingDiv").html($j("#"+$j(this).data('target')).html());
$j(".slidingDiv").show("slide", {
direction: "right"
}, 200);
});
});
</script>