В чем проблема Uncaught TypeError: Cannot read property 'hover' of null?

Question

[siza]

<li id="tabs" class="dropdown nav-search">
									<a data-toggle="dropdown" href="#" id="tabs"  class=" dropdown-toggle">
										<i class="icon-search"></i>
									</a>
									<div class="nav-child dropdown-menu">
										<div class="dropdown-menu-inner">
											<form class="form-search" action="/testse/index.php" method="post">
	<div class="search">
		<label for="mod-search-searchword">Search...</label><input name="searchword" id="mod-search-searchword" maxlength="20" class="input" type="text" size="20" placeholder="Search...">	<input type="hidden" name="task" value="search">
	<input type="hidden" name="option" value="com_search">
	<input type="hidden" name="Itemid" value="101">
	</div>
</form>

										</div>
									</div>
								</li>

$('#tabs').hover(
    function(){ $(this).addClass('open'); },
    function(){ $(this).removeClass('open').removeAttr('class'); }
);

Comments

[Kovalsky]

Может быть в версии jQuery?

Answer 1

[Владимир]

Прежде всего: у вас несколько элементов имеют одинаковый id:

<li id="tabs"....
и
<a data-toggle="dropdown" href="#" id="tabs" .....

Начните с этого.

Comments

[siza]

Попробовал оставить id и там и там, все равно не работает