How can I hide “<li>” by text using jquery?

[asifakhtar]

Hi,

How can I hide “<li>” by text using jquery? For example how can I hide ”REPORTS COORDINATORS” “<li>”.

I need 2 separate statements to hide “CASE COORDINATORS” and ”REPORTS COORDINATORS” “<li>” using jquery?

My HTML Code:

<div id="container">
	<ul class="yui-nav">
		<li title=""><a href="#"><em><b>CASE COORDINATORS</b></em></a></li>
		<li><a href="#"><em><b>DOCUMENT MANAGEMENT</b></em></a></li>
		<li><a href="#"><em><b>REPORTS COORDINATORS</b></em></a></li>
		<li><a href="#"><em><b>QUALITY ASSURANCE</b></em></a></li>
	</ul>
</div>

Thanks

[xelawho]

<script type="text/javascript"> 
$(document).ready(function() {
$('li').each(function() {
$(this).toggle(!($(this).is(":contains(CASE COORDINATORS)")||$(this).is(":contains(REPORTS COORDINATORS)")));
	});
});
</script>

[asifakhtar]

Thank you. It works.

<script type="text/javascript"> 
$(document).ready(function() {
$('li').each(function() {
$(this).toggle(!($(this).is(":contains(CASE COORDINATORS)")||$(this).is(":contains(REPORTS COORDINATORS)")));
	});
});
</script>