I am completely new at using jquery so please bare with me. I have to replace some javascript with jquery due to the javascript not working in IE 11 and for the most part I have it working except for hiding an anchor.

<a name="SubTotalLink" style="TOP: 51px; LEFT: &SubTotalLinkLeft.EVAL; HEIGHT: 16px; WIDTH: 100px; POSITION: absolute; VISIBILITY: &SummaryVisible.EVAL; &Frame1Font.EVAL COLOR: blue; Z-INDEX: 103;" onmouseover="this.style.cursor ='hand'"><u>&SummaryViewText.EVAL</u></a>
  

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
 <script>
   $(document).ready(function(){
     $("#FilterButton").click(function(){
       $("#LocateDropText").hide();
       $("#comboboxLoc").hide();
       $("#LocateValDropText").hide();
       $("#comboboxLoc4Val").hide();
       $("#comboboxLoc5Val").hide();
       $("#comboboxLoc6Val").hide();
       $("#comboboxLocStVal").hide();
       $("#AllViewText").hide();
       $("#comboboxAll").hide();
       $("#FilterText").hide();
       $("#FilterValText").hide();
       $("#FilterButton").hide();

    if ( $('#SubTotalLink').css('visibility') == 'visible' )
       $('#SubTotalLink').css('visibility','none');
    else
       $('#SubTotalLink').css('visibility','visible');

    if ( $('#FilterAttribDrop').css('visibility') == 'hidden' )
       $('#FilterAttribDrop').css('visibility','visible');
    else
       $('#FilterAttribDrop').css('visibility','hidden');

    if ( $('#FilterSelText').css('visibility') == 'hidden' )
       $('#FilterSelText').css('visibility','visible');
    else
       $('#FilterSelText').css('visibility','hidden');

    if ( $('#ApplyFilterButton').css('visibility') == 'hidden' )
       $('#ApplyFilterButton').css('visibility','visible');
    else
       $('#ApplyFilterButton').css('visibility','hidden');

    if ( $('#ClearFilterButton').css('visibility') == 'hidden' )
       $('#ClearFilterButton').css('visibility','visible');
    else
       $('#ClearFilterButton').css('visibility','hidden');

});
});
</script>
 <script> 

This works except for my SubTotalLink

     if ( $('#SubTotalLink').css('visibility') == 'visible' )
       $('#SubTotalLink').css('visibility','none');
    else
       $('#SubTotalLink').css('visibility','visible'); 

The only thing I can think of is in CSS I am using an &Variable for visibility, but I know that the value is 'visible'

Any suggestions?

This message has been edited. Last edited by: MattC,

The "#" selector in JQuery is for the ID attribute of the control - which you do not have, you only have a "name" attribute.

T

Go after it by name? Does this look correct?

    if ( $('[name=SubTotalLink]').css('visibility') == 'visible' )
       $('[name=SubTotalLink]').css('visibility','none');
    else
       $('[name=SubTotalLink]').css('visibility','visible');  

Thanks Tony -

I couldn't reference the name, so I just removed the name out of the anchor and set it as an ID.

Seems to be bahving as expected.

MattC, to use name or any other attribute, including (IBI) custom attributes, you must put the name in quotes. Here's an example where I'm removing all the TD elements of a row that has an IBI custom attribute ibiattr with a value of 'by_1' in an accordion report:

$("td", "[ibiattr='by_1']").remove(); 

Thanks Francis - I will give that a try.