ユーザーがボタン/divをクリックしたときにdivをフェードインさせようとしています。次に、2回目のクリックで、divを再びフェードアウトさせ、このスクリプトを繰り返し/繰り返しにしたい。
divをフェードインするために使用しているものは次のとおりです。
<script>
$('.submit_review').click(function () {
if ($('.submit_review').is(":visible")) {
$('.review_submit_box').delay(400).fadeIn(300);
}
});
</script>
ボタンのクリックでフェードインおよびフェードアウトするために私がやろうとしたことは次のとおりですが、正しい方向にプッシュする必要があります。
<script>
$('.submit_review').click(function () {
if ($('.submit_review').is(":visible")) {
$('.review_submit_box').delay(400).fadeIn(300);
} else if ( $('.submit_review').click(function () {
$('.review_submit_box').is(":visible")) {
$('.review_submit_box').fadeOut(300);
}
});
</script>
html:
<div class="reviews_section">
<div class="submit_review"><div class="
submit_review_text">Submit a Review</div></div>
<div class="review_submit_box"></div>
</div>
<div class="reviews_section2">
<?php include('includes/mod_profile/mod_reviews/mod_reviews.php'); ?>
</div>