[tony777]

sorry for my maybe not perfect english but i would try do my best to explain my bag
after puting this jquery code my oher li tags(menu in head) stop working so i wonder why. They have another class but they don't work so i clicking them and nothing happen

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script>
		$(function() {
			$("li").click(function(e) {
			  e.preventDefault();
			  $("li").removeClass("selected");
			  $(this).addClass("selected");
			});
		});
	</script>
	<ul class="tabrow">// this example works fine
	    <li><a href="#">tab1</a></li>
	    <li><a href="#">tab2</a></li>
	    <li class="selected"><a href="#">tab3</a></li>
	</ul>

[Dormilich]

I’d say since you attach that event handler to all <li> (even those in the other menu) and you prevent the event’s default action (of all those <li>), then any links in the other menu cannot work.

If you don’t need the <a> in this menu, just omit them. you can style the cursor with CSS, if you want (and then you don’t need line #5 either).