Impossible to hide a DIV in ASP.NET MVC

Question

I have some trouble to hide some div in my application, this code is used in jQuery UI tabs.

In the controller :

public ActionResult MyAction()
{
    return View("MyView", model);
}

In the view "MyView", I have this :

<script type="text/javascript">
$(document).ready(function () {
    $('#divToHide1').hide();
    $('#divToHide2').hide();
});
</script>


<div id="divToHide1">
</div>   

<div id="divToHide2">
</div>

The problem the div are never hidded, any idea ?

Thanks,

Update1 : when I switch to second tab, I do the prcedure below. The switch to thez tab is ok, I receive an "alert1", and I receive "1" correspondinf to the length, but the div is still visible.

 function e2() {
    var jqxhr = $.post("/Controller/MyAction", function (data) {
        $('#tabs-2').html(data);
    })
    .success(function () {
        alert('alert1');
    })
    .error(function () { })
    .complete(function () {
        alert($('#divToHide1').length);
        $('#divToHide1').hide();    
    });
}

Update2 : I tried with class instead of id ... and look ok

Just to confirm - you're including jQuery into your HTML above the document.ready, yeah? — Jonathon Bolster
– Jonathon Bolster, Commented Apr 7, 2011 at 8:29
The divs you're trying to hide - are they appended to the document though jQuery after document load? — Rory McCrossan
– Rory McCrossan, Commented Apr 7, 2011 at 9:24
@Rory yes, when I click on the tab > controller > return a view and the div to hidden are on this view. I tried to place jquery here and other places no success — TheBoubou
– TheBoubou, Commented Apr 7, 2011 at 9:28

Kristoffer Lundberg · Accepted Answer · 2011-04-08 11:37:12Z

1

Do this in CSS:

.ui-tabs-hide {

     display: none;
}

If you're using jQuery UI Tabs, it will append classes to your elements. All your inactive views will have css class "ui-tabs-hide".

answered Apr 8, 2011 at 11:37

Kristoffer Lundberg

8764 silver badges16 bronze badges

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

Comments

Henry · Accepted Answer · 2011-04-07 08:29:26Z

0

What you have written there should work. Have you tried .toggle or binding the action to a link/button opposed to on document load, see if that helps. You do have Jquery included?

answered Apr 7, 2011 at 8:29

Henry

2,1971 gold badge15 silver badges28 bronze badges

1 Comment

TheBoubou Over a year ago

I have x tabs (jQuery UI tab). When I switch tab some part are not visible on the tabs and are display depending of a dropdown value

TheBoubou · Accepted Answer · 2011-04-08 11:26:50Z

0

I use $(". and not $("# as selector, it's strange but that's work

answered Apr 8, 2011 at 11:26

TheBoubou

20k54 gold badges153 silver badges251 bronze badges

Collectives™ on Stack Overflow

Impossible to hide a DIV in ASP.NET MVC

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related