too much recursion jquery
<p>I've got an issue of too much recursion with jquery and in IE a pop up stack overflow, what it can be?</p>

<p>Here my code</p>

<p>Html :</p>

<pre><code>&lt;div id="leiki_tabs"&gt;
&lt;div id="leiki_container"&gt;
&lt;ul id="leiki_menu"&gt;
  &lt;li style="width:100px;border-right:1px dotted #333;border-bottom:1px dotted #333;text-align:center;"&gt;&lt;a id="title_leiki_panel_1" href="#" rel="leiki_panel_1"&gt;Today&lt;/a&gt;&lt;/li&gt;
  &lt;li style="width:100px;border-right:1px dotted #333;border-bottom:1px dotted #333;text-align:center;"&gt;&lt;a id="title_leiki_panel_2" href="#" rel="leiki_panel_2"&gt;This Month&lt;/a&gt;&lt;/li&gt;
  &lt;li style="width:100px;border-right:1px dotted #333;border-bottom:1px dotted #333;text-align:center;"&gt;&lt;a id="title_leiki_panel_3" href="#" rel="leiki_panel_3"&gt;Archive&lt;/a&gt;&lt;/li&gt;

  &lt;li style="width:270px;"/&gt;
  &lt;li id="leiki_logo_tab_menu"&gt;&lt;a href="#" rel="leiki_panel_5" &gt;&lt;img id="leiki_logo" style="border:0px;" src="leikiLogo_onMouseOver.png"/&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;

&lt;!--Panel Contents Start--&gt;
&lt;div id="leiki_panel_1" class="leiki_panel"&gt;
  &lt;ul class="leiki_panel_ul"&gt;
    &lt;li class="leiki_panel_li"&gt;&lt;div class="leiki_left"&gt;&lt;Article 1&lt;/div&gt;&lt;/li&gt;
    &lt;li class="leiki_panel_li"&gt;&lt;div class="leiki_left"&gt;Article 2&lt;/div&gt;&lt;/li&gt;
    &lt;li class="leiki_panel_li"&gt;&lt;div class="leiki_left"&gt;Article 3&lt;/div&gt;&lt;/li&gt;
    &lt;li class="leiki_panel_li"&gt;&lt;div class="leiki_left"&gt;Article &lt;/div&gt;&lt;/li&gt;
    &lt;li class="leiki_panel_li"&gt;&lt;div class="leiki_left"&gt;Article 5&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>Javascript :</p>

<pre><code>var opened_one = null;
$(function(){
    $('div[id*="leiki_panel"]').hide();
    $('div[id="leiki_panel_1"]').show();
    $('#title_leiki_panel_1').addClass("leiki_menu_highlight");
    $('#leiki_menu a').mouseenter(function(){
        $('a[id*="title_leiki_panel"]').removeClass("leiki_menu_highlight");
        if(opened_one==null){$('div[id="leiki_panel_1"]').hide();}
        $(opened_one).hide();
        var link_rel = $(this).attr('rel');
        $('div#' + link_rel).show();
        opened_one = $('div#' + link_rel);
        var tab = "title_" +link_rel;
    }).mouseleave(function(){
        var link_rel = $(this).attr('rel');
        var tab = "title_" +link_rel;
        if(tab=="title_leiki_panel_1" ||
        tab=="title_leiki_panel_2" ||
        tab=="title_leiki_panel_3" ||
        tab=="title_leiki_panel_4" ||
        tab=="title_leiki_panel_5"){
        $("#"+tab).addClass("leiki_menu_highlight");}
    });
});
</code></pre>

<p>It's working on my desktop without problem but on the test server which is owned by our customer it give me this error too much recursion. I cant post the address of the test server but maybe in private message.</p>

<p>Cheers</p>
