Adding code to hide a free form text/HTML type widget

This code should be included into a free form text/HTML type widget along with any other code you wish to add to your page. It targets the <div> with the class "hideThisWidget", finds the content box that contains it then hides the entire thing. The other alternative would be to use the custom box HTML from this post, then hide the box ID using CSS.

Code

<!--
********************************************
Add this to your code box
(in a free form text/HTML type content box).
It will hide itself
********************************************
-->
<div class="hideThisWidget"></div>
<script type="text/javascript">
$(document).ready(function(){
 $('.hideThisWidget').closest('.gpWidget').hide();
})
</script>

Customization

There isn't any way to customize this script, but if you have a second widget you wish to hide, add this code to contents.

<div class="hideThisWidget"></div>

Edit (11/19/2009): Updated the original code to work with content boxes that use tables. I also added a second code to work with other layouts.
Edit (11/21/2009): Updated code again to use the widget container, making a second code unnecessary.

Hi Merenwench!

You can? or can't?... could you please share a link to your site so I can check it (sorry I lost all my links when my computer crashed).

Hi Merenwench!

I updated the code, you'll need to use the second one to work with your site.

Updated the code again to now find and hide the widget container.

Hey Mottie I saw you last posted on this thread about hiding the widget container (that you had updated the code).  Can you post the code for hiding the widget container please?
All I see is a link to you help site and I couldn't find what I was looking for there.


P.S.  Whats a practical use of hiding the whole widget?  I tried it and sure enough my widget disappeared!