Jquery height切換更多和更少

我嘗試切換類，而在點擊功能，在一個頁面我有4個框，我必須包括這些框的視圖更多選項。下面的腳本正在工作，當我點擊查看更多+，但點擊文本「更多+更少 - 」文本切換是同時切換4盒。我只想切換一個文本框更改爲「Less - 」。Jquery height切換更多和更少

$(document).ready(function() { 
 
    $('.viewMore').click(function() { 
 
     var k = $(this).text(); 
 
     if (k == "More +") { 
 
      $(".viewMore").text("Less -"); 
 
     }else { 
 
      $(".viewMore").text("More +"); 
 
     } 
 
     $(this).prev('.statusSection .feedScroll').toggleClass("big"); 
 
     <!-- $('.statusSection .feedScroll').toggleClass('big'); --> 
 
    }); 
 
});

.feedScroll {; height:100px; overflow:hidden} 
 
.big { min-height:500px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="statusSection"> 
 
\t <div class="feedScroll"> 
 
\t "Did You Hear What Happened to Charlotte King?" is the seventh ....." 
 
\t </div> 
 
\t <div class="viewMore">More +</div> 
 
</div> 
 
<div class="statusSection"> 
 
\t <div class="feedScroll"> 
 
\t "Did You Hear What Happened to Charlotte King?" is the seventh ....." 
 
\t </div> 
 
\t <div class="viewMore">More +</div> 
 
</div>

來源

2016-09-26 San

變種KKK = $（本）。文本（）; \t \t \t \t如果（KKK == 「更多+」）{ \t \t \t \t $（本）的.text（「少 - 」）; \t \t \t \t}其他{ \t \t \t \t $（本）的.text（「更多+」）; \t \t \t \t} 使用代碼正常工作。 – San

變量@San的其他名稱？我的意思是有很多其他的名字可以使用。 –

如果你想只改變點擊.viewMore元素的文本，取代

if (k == "More +") { 
    $(".viewMore").text("Less -"); 
}else { 
    $(".viewMore").text("More +"); 
}

與

if (k == "More +") { 
    $(this).text("Less -"); 
}else { 
    $(this).text("More +"); 
}

來源

2016-09-26 19:26:26

Jquery height切換更多和更少

回答

相關問題