Home/ Questions/Q 8058643
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T09:25:29+00:00

I have a button that is showing more or less of a content block

  • 0

I have a button that is showing more or less of a content block in search results. When I click “More” it expands as needed, but nothing happens when I click “Less”. I feel like it has to do with my preventDefault(e) line. Code is below…

$(".btnMore").click(function (e) {
    e.preventDefault(e);
    if ($(this).attr('value', 'More')) {
        $(this).parent().prev().switchClass("abstractText", "abstractTextNoHeight", 500, "swing");
        $(this).attr('value', 'Less');
    }
    else if ($(this).attr('value', 'Less')) {
        $(this).parent().prev().switchClass("abstractTextNoHeight", "abstractText", 500, "swing");
        $(this).attr('value', 'More');
    }

});
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    That is the wrong way of using “attr()” to check for attribute value:

    if($(this).attr("value", "More"))

    Will set the value of “value” attribute to “More” and return undefined. What you need to do is this:

    if($(this).attr("value") == "More")

    or

    if(this.getAttribute("value") == "More")

    There is no need to use jQuery when JavaScript is sufficient. Notice the lack of $() around this – since you’re using a JS function (getAttribute), you don’t need to create a jQuery collection, which makes your code faster and simpler.

    • 0