Как скрыть сплывающее title при наведении на ссылку?

При наводке на кнопку (ссылку) отображается ее title. Вот:

введите сюда описание изображения Вот код HTML:

<ul id="tabs">
  <li>
     <a href="#" title="tab1" class="tab1">
    color
  </a>
   </li>
  </ul>

<div id="content">
  <div id="tab1">
    <ul id="buttonsContent">
    </ul>

Вот js:

$(document).ready(function() {
    $("#content > div").hide(); 
    $("#tabs li:first").attr("id","current");
    $("#content div:first").fadeIn(); 

    $('#tabs a').click(function(e) {
        e.preventDefault();
        $("#content > div").hide(); 
        $("#tabs li").attr("id","");
        $(this).parent().attr("id","current"); 
        $('#' + $(this).attr('title')).fadeIn(); 
    });

});

Так как скрыть сплывающее title при наведении на кнопку?Может кто-то сталкивался с такой проблемой? И да, способ типа :

$("a").removeAttr("title");

Мне не подходит, так как скрывается сразу и контент в кнопке (если что, были созданы вкладки между которыми можно переключаться)


Ответы (1 шт):

Автор решения: Igor

так как скрывается сразу и контент в кнопке

Потому что Вы решили привязать id содержимого к title ссылки:

$('#' + $(this).attr('title')).fadeIn(); 

Используйте что-нибудь другое, например:

<a href="#" class="tab1" data-content="tab1">

$('#' + $(this).data('content')).fadeIn(); 
→ Ссылка