javascript：淡出div按钮点击，然后在第二个按钮点击淡出？ [英] javascript: fade div in on button click, then on 2nd button click fade out?

问题描述

当有用户点击按钮/ div时，有人会帮助我尝试让div淡入淡出。
然后在第二次点击我希望div再次淡出，我希望这个脚本重复/重复。

can someone help i am trying to get a div to fade in when a user clicks a button/div. then on the second click i want the div to fade out again, i want this script to be repetitive/repeat.

这里是我用来淡化的div in：

here's what i am using to fade the div in:

<script>

    $('.submit_review').click(function () {
        if ($('.submit_review').is(":visible")) {
             $('.review_submit_box').delay(400).fadeIn(300);




        }
    });
</script>

这里是我试图让它在点击按钮时淡入淡出，但是我需要推进正确的方向谢谢。

here's what i have tried to do to get it to fade in and out on button click, but i need a push in the right direction thanks.

<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>

推荐答案

为什么不简单地使用jQuery的淡入淡出切换 http://api.jquery.com/fadeToggle/

Why not simply use jQuery's fadeToggle http://api.jquery.com/fadeToggle/

您可以在点击时切换淡入/淡出，这会将您的代码减少到几行

You could toggle the fade in/out on click and that would reduce your code to a couple of lines

编辑：
这里有一些代码

Here's some code

$('.submit_review').click(function() {
  $('.review_submit_box').fadeToggle(300)
})

这篇关于javascript：淡出div按钮点击，然后在第二个按钮点击淡出？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！