ansaurus

Question

jQuery 1.3.2 and IE 8 problem with hide() and show()

Answer 1

+2 A:

IDs must be unique within a page (html spec [1]); you have 2 #menu, #content, etc. Change them to e.g. <div class="menu"> and your selector to .menu -- that should work.

Incidentally, you can simplify your hover callback with find [2]:

function () {
    $(this).find('.menu, .dragable').show(); 
}

1: http://www.w3.org/TR/html401/struct/global.html#h-7.5.2
2: http://api.jquery.com/find/

kevingessner 2010-02-27 00:24:45

thx a lot, it works fine ;-)

vijey 2010-02-27 00:43:29

Answer 2

A:

You can't have multiple elements with the same ID, it's invalid HTML, IDs have to be unique. Your menu elements needs to be a class instead of an ID, like this:

<div id='content_1'>

    <div class='menu' style='display: none;'>
        <div>edit</div>
        <div>add</div>
        <div>delete</div>
    </div>

    <div class='content'>Content_2</div>

    <div class='dragable' style='display:none;'>[drag]</div>
</div>

And jQuery like this:

$(function(){
  $('div[id^="content_"]').hover(
        function () {
          $(this).find('.menu, .dragable').show();
        },
        function () {
          $(this).find('.menu, .dragable').hide();
        }
    );
});

Nick Craver 2010-02-27 00:27:46

thx a lot, it works fine ;-)

vijey 2010-02-27 00:43:01

ansaurus

tags:

views:

answers:

jQuery 1.3.2 and IE 8 problem with hide() and show()

related questions