助けてくれてありがとう..ここに私の問題があります: 以下のコードは、[続きを読む...] リンクをクリックすると、リンクの下に div が表示されるはずですが、他のすべての可能な div が非表示になった後にのみ...そのままコールバックで使用しますが、そのように使用すると、最初のリンクが正しく表示され、最後の 3 つが表示され、次に非表示になり、次に表示されます...助けてください!
Javascript:
var more_text="Read More...";
var less_text="Read Less...";
jQuery(document).ready(function() {
$j(".dropdown").click( function () {
if ($j(this).html() == more_text){
var that = $j(this);
$j(".extra").slideUp( function () {
$j(".dropdown").html(more_text);
that.html(less_text);
that.next(".extra").slideDown();
});
}
});
});
HTML:
<div class="dropdown">Read More...</div>
<div class="extra" style="display: none;">Here is more text!!</div>
<div class="dropdown">Read More...</div>
<div class="extra" style="display: none;">Here is more text!!</div>
<div class="dropdown">Read More...</div>
<div class="extra" style="display: none;">Here is more text!!</div>
<div class="dropdown">Read More...</div>
<div class="extra" style="display: none;">Here is more text!!</div>