「jquery inview.js」を使って画面内に入った文字を<p>ごとに個別にフェードインしたい

Question

html5 jquery3.3.1を使用しています。

前提・実現したいこと

「jquery inview.js」を使って画面内に入った文字を<p>ごとに個別にフェードインしたい。

発生している問題・エラーメッセージ

inviewにより文字はフェードインするが、全ての<p>が同時にフェードインしてしまう

該当のソースコード

   <div class="fade">
        <p>本文１</p>
        <p>本文２</p>
        <p>本文３</p>
    </div>
        <p>本文４</p>
        <p>本文５</p>
        <p>本文６</p>
        <p>本文７</p>
        <p>本文８</p>
        <p>本文９</p>


 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="script.js"></script>
    <script type="text/javascript" src="jquery.inview-master/jquery.inview.js"></script>

p {
    opacity: 0;
    padding: 50px
}

$(function() {
$('.fade').on('inview', function(event, isInView) {
    var p = $('p', this)[0];
    if (isInView) {
$('p').animate({opacity:'1'});
    } else {
$('p').animate({opacity:'0'});
    }
  });
  })

Answer 1

$(function() {
  $('.fade p').on('inview', function(event, isInView) {
    $(this).animate({opacity: isInView ? '1' : '0'});
  });
});

Comments

[rakorako]

無事できました。ご回答ありがとうございます！

[rakorako]

先日はご回答ありがとうございました。

ご回答いただいたif文の、ifに{ duration: 1500} 、elseに{ duration: 10}を追加したいのですが
表記方法がわかれば教えていただけませんでしょうか？よろしくお願いいたします。

[x_x]

回答にif文はありませんが、別の質問のことでしょうか？

[rakorako]

こちらの問題は解決できました。
失礼しました。コメントを削除したつもりだったのですが消し損ねていたようです。
お返事いただきありがとうございます。