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切换更多和更少

回答

相关问题