问页面/分区内容在单击时淡入淡出

EN

$( "#vacancy-div-id" ).click(function() {
  $( "#id-of-what-you-want-to-fade-out" ).fadeOut( "slow", function() {
    // Animation complete.
  });
});

$( "#close-button-id" ).click(function() {
  $( "#id-of-what-you-want-to-fade-in" ).fadeIn( "slow", function() {
    // Animation complete
  });
});

<script>
    $( "#close-button-id" ).click(function() {
      $( "#id-of-what-you-want-to-fade-in" ).fadeIn( "slow", function() {
        // Animation complete
      });
    });
</script>

    #start{
        height:100px;
        width:300px;
        border:3px solid red;
        display: none;

    }
    #start.fadeIn{
        display: block;
        animation-name:fadein;
        animation-duration:3s;
    }
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

document.getElementById('run').addEventListener('click',function(){
        document.getElementById('start').classList.toggle('fadeIn');
    })


<div id="start" class="rotating">
            some text  some text  some text  some text  some text
    </div>