jquery - 我想让我的代码全球化。我想一次又一次地使用相同的代码 2-3 次，但它可以一起工作

Question

我想切换文本，但想在同一页面上使用 2-3 个位置。

$(".showdiv").click(function() {
   $(this).toggleClass("active");

    if ($(this).text() == "+ Show More"){
     var sachin =  $('.transc_crosssell').removeClass("hidden");
     $(this).text("- Show Less");
     alert(sachin);
     }
    else {
       $(this).text("+ Show More");
       $('.transc_crosssell').addClass("hidden");
       }

});

但所有切换都一起工作。请告诉我如何解决这个问题。我想要一个切换应该只有当我点击它时。

<div class="showdiv">+ Show More</div`>

<div class="transc_crosssell hidden">xyx text </div>

Answer 1

如果您想将 divs wiich classshowdiv并transc_crossell始终视为一对，您可以通过将它们与另一个div. 如果你这样做，你将能够通过做得到transc_crosssell对应

$(this).parent().children('.transc_crosssell');