NavBar sumir em determinado ID

olá pessoal!

ajudinha básica... olhem só.

tenho este script abaixo, faz oq eu preciso, porém::

<script type="text/javascript">
 $(window).scroll(function() {
 if ($(this).scrollTop() < 100) {
 $('.navbar').css("background-color", "transparent");
 $('.navbar').fadeIn(1000);
 }
 if ($(this).scrollTop() > 101 && $(this).scrollTop() < 1430) {
 $('.navbar').css("background-color", "#F24100");
 $('.navbar').removeClass("transparent")
 }
 else if ($(this).scrollTop() > 1431 && $(this).scrollTop() < 2200) {
 $('.navbar').fadeOut(1000);
 }
 else if ($(this).scrollTop() > 2201) {
 $('.navbar').css("background-color", "#F24100");
 $('.navbar').fadeIn(1000);
 }
 else if ($(this).attr('id').match("menu_orcamento")) {
 $('.navbar').fadeOut(1000);
 }
 else {
 $('.navbar').add("transparent");
 $('.navbar').fadeIn(1000);
 }
 });
</script>

	a cada tamanho do SCROLL, ele muda o background da NAVBAR, some ou faz outras coisas, até aí tudo correto.

	AGORA: como faço para:

	1) tenho divs chamadas (id=campo1), (id=campo2) e etc...

	     ao invés de scroll, quando eu CLICAR no menu que tem este ID campo1 e campo2, ele muda ou some a NAVBAR????

	como posso montar meu JQUERY script...

	Sugestões agradeço.

	Obrigado.