add readmore/test

hhh-readmore2.html

@@ -37,6 +37,9 @@
     height: auto;
     overflow: hidden;
 }
+.article--style .article__contexts {
+    overflow: hidden;
+}
 .article__contexts--longHeight {
     height: auto;
     -webkit-transition: height 300ms ease-in-out;
@@ -131,9 +134,6 @@
     outline: none;
 }
 
-.article__readMore.active {
-    display: none;
-}
 
 </style>
 </head>
@@ -189,7 +189,7 @@
       $( "<div class='article__readMore article__readMore--gradHight'><a class='article__readMore__text'>閱讀更多</a></div>" ).insertAfter( `.article__contexts>${sec}:nth-of-type(1)` );
    
       
-    let height = $('.article__title').height() + 
+      let height = $('.article__title').height() + 
                    $(`.article__contexts> ${first}:nth-child(1)`).height() + 
                   //  $('#prefer-form').height() + 
                    $(`.article__contexts> ${sec}:nth-child(1)`).height() + 60 ;
@@ -197,7 +197,6 @@
 
     $('.article__contexts').css('height', height);
     console.log(height);
-    // console.log($('.article__contexts p:nth-of-type(1)>img').height())
     $('.article__readMore').on('click', function () {
             // $(this).children('.fa').toggleClass('is-rotate');
             // $(this).children('.article__readMore__text').toggleClass('is-open')