Jquery attr not working Internet Explorer

Question

I have the code below that clicking on an image hides a div. Works perfectly, but does not work in IE ...

Why?

codes:

$(document).ready(function () {       
    $('.fechar').click( function() { alert('testes'); $(".nav").attr("hidden",true); });
    $('.mais').click( function() {
        var status = $(".nav").attr("hidden");
        if (status)
        {
            $(".nav").attr("hidden",false);
        }
        else
        {
            $(".nav").attr("hidden",true);
        }
    });
});

HTML:

<div class="header">
    Estágio    
    <div class="mais"></div>
</div>
<div class ="parent">     
    <div class="content">        
        <div id="map_canvas" style="width: 100%; height: 100%;"></div>
    </div>
    <div class="nav"><div class="fechar"></div><div id="dadosDiv"></div></div>   
</div>

tks

What version of jQuery, what version of IE?

j08691
– j08691

2013-11-13 16:13:51 +00:00
Commented Nov 13, 2013 at 16:13 — j08691
– j08691, Commented Nov 13, 2013 at 16:13
.attr("hidden")? what exactly is that supposed to be doing?

Kevin B
– Kevin B

2013-11-13 16:18:03 +00:00
Commented Nov 13, 2013 at 16:18 — Kevin B
– Kevin B, Commented Nov 13, 2013 at 16:18

Arun P Johny · Accepted Answer · 2013-11-13 16:15:04Z

4

Use .hide() and toggle() to change the display of the elements

$('.fechar').click(function () {
    $(".nav").hide()
});
$('.mais').click(function () {
    $(".nav").toggle()
});

Demo: Fiddle

answered Nov 13, 2013 at 16:15

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

raina77ow Over a year ago

... as hidden attribute isn't supported by IE10-. Besides, it's technically not its purpose.

SW4 · Accepted Answer · 2013-11-13 16:13:57Z

1

Why not change your JS to:

    $('.fechar').click( function() { alert('testes'); $(".nav").hide(); });
    $('.mais').click( function() {
        $(".nav").toggle();
    });

This will not only simplify your code but utilise jQuery's inbuilt function for toggling content visibility. Incidentally, the issue was the hidden attr reference, this should have been .css('hidden',true) if you want to go down that route...

answered Nov 13, 2013 at 16:13

SW4

71.5k20 gold badges137 silver badges139 bronze badges

Collectives™ on Stack Overflow

Jquery attr not working Internet Explorer

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related