javascript - 在 Javascript 不工作的情况下点击显示/隐藏

Question

我正在尝试使用基本的点击展开功能，因此当用户点击标题时它会显示更多详细信息，但由于某种原因它无法正常工作。

这是有问题的页面: http://eftposnz.wpengine.com/integrated-eftpos/pos-vendors/

我不确定问题是出在代码本身还是我没有正确使用它。

这是我使用的代码:

$(document).ready(function () {
    $(".content").hide();
    $(".show_hide").on("click", function () {
        var txt = $(".content").is(':visible') ? 'Read More' : 'Read Less';
        $(".show_hide").text(txt);
        $(this).next('.content').slideToggle(50);
      show_hide.preventDefault();
    });
});

任何帮助将不胜感激，如果您需要任何进一步的信息，请告诉我。

Answer 1

我不熟悉 WordPress，但它使用的(或您选择使用的)jQuery 版本似乎不允许您从一开始就使用 $。

正如您在 jQuery version included on your page 上看到的那样, jQuery.noConflict()在最后调用，使 $ 不可用。

作为一种简单/安全的解决方法，您可以执行以下操作:

(function($) {

  // your code using $ here

})(jQuery);