Home/ Questions/Q 8450125
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T10:53:16+00:00

Ok, I have an <a tag that calls a toggle function to remove a

  • 0

Ok, I have an <a tag that calls a toggle function to remove a <td tag. In that a tag I have &lt;&lt;…<<

In the function I want to change the << to >> when the toggle is performed. Its not working. What am I doing wrong?

html:

<td class="filter_td" id="filter_td">
  <td class="show_hide">
            <a href="javascript:toggleFilters();" id="show_hide" alt="Hide Filters" title="Hide Filters">&lt;&lt;</a>
        </td>

jquery:

   function toggleFilters()
{
    var td = $("#filter_td");
    td.toggle('slow');
    if (td.css("display") == "none")
    {
        $("#show_hide").html("&gt;&gt;").attr('title', 'Show Filters');
    }
    else
    {
        $("#show_hide").html("&lt;&lt;").attr('title', 'Hide Filters');
    }
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Put your code that changes the text into the callback for “toggle”. That way, you know the animation is complete and the element’s visible state is complete. Something like this:

    var td = $("#filter_td");
td.toggle('slow', function () {
    if (td.not(":visible"))
    {
        $("#show_hide").html("&gt;&gt;").attr('title', 'Show Filters');
    }
    else
    {
        $("#show_hide").html("&lt;&lt;").attr('title', 'Hide Filters');
    }
});

    Also, I changed the check for it being hidden to jQuery’s “.not()”. This is a more general way of telling if an element is actually visible on the page, instead of simply looking at its styling (which may not be defined).

    • 0