How to hide the likes-and-labels-container using jQuery

Pierre Hilson

I would like to hide the likes-and-labels-container from my wiki homepage only.

To do this, I use the following in my theme footer:

{html}
<script>
AJS.$(document).ready(function() {
     if(AJS.$('#title-text a').text() == 'Support Knowledge Base')  {
         AJS.$('.page-metadata').hide();
         AJS.$('#likes-and-labels-container').hide();
         AJS.$('#comments-section').hide();
     }
     else {
         AJS.$('#title-text a').before('[KB' +AJS.$('#pageId').text() + '] ');
     }
     AJS.$('#children-section').hide();
});
</script>
{html}

It works fine for all elements except for the likes-and-labels-container.

I suspect the <script type="text/x-template" title="labels-dialog-div"> to be causing this.

Am I right ?

JamieA

Some elements are added by javascript, themselves on the onLoad event. I have had a similar problem, and it turned out to be a timing issue - haven't tested but possibly the issue in your case.

To test the theory you could paste in the likes-and-labels line after the page has fully loaded in to the F12 tools console. If that hides it, then it's a timing issue.

Possibly you could use a timer (nasty) or http://docs.jquery.com/Plugins/livequery.