Problem while removing display: none with jQuery

Question

I use the jQuery button set that is built into the jQuery UI. And selectmenu, which is the complement of ui.

.buttonset (); takes a group of buttons and turns them into .selectmenu () switches; takes a selection menu and translates it into a beautiful popup list.

However, when I put these elements in a div with the property display: none, and then in my javascript code, I delete the display: not a single set of buttons has rounded corners, and the selection menu is displayed about 2 times wide, although I'm all I can still click on these two pixels to open the menu.

Any ideas? I will send my code:

.hidden
{
    display:none;
}


        $("#test").selectmenu();
        $("#radioset").buttonset();

<div id="mydisplay" class="hidden">
    <div id="radioset">
                        <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1testetstes</label>
                        <br /><input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
                        <br /><input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
                    </div>
    <select name="test" id="test">
            <option value="slow">Test1</option>
            <option value="test2">Test2</option>
            <option value="test3">Test3</option>
            </select>
</div>

And at some point I call it:

$("#mydisplay").removeClass("hidden");

But the objects are not displayed properly ... can I get them to re-display or something else?

Answer 1

, , display: block; css .hidden. $('. Hidden'). Hide() $('. Hidden'). Show(), .

:

$(document).ready(function(){
    $('.hidden').hide();
    $('.someButtonThatShowsStuff').click(function(){
        $('.hidden').show();
        $("#test").selectmenu();
        $("#radioset").buttonset();
    });
});

EDIT: .