show/hide div

Archives Yii 1.0.x Discussions
1

Is there any built-in JS/AJAX function that will show/hide a div linked to a button?

2

jquery (show:hide)/toggle/(fadeIn/fadeOut) ?

3

Can you provide a full sample solution please?

4

http://docs.jquery.com/Effects

5

What I mean is can you provide a sample Yii code?

6

JS code (button has id "myButton", div has id "myDiv", "hidden" is a css class (display: none)):




$().ready(function(){

    $('#myButton').click(function(){

        $('#myDiv').toggleClass('hidden');

    });

});

Don’t forget to register a core script jQuery.

7

Cheers andy_s.

Do you know how that can be extended to enable the div to receive focus as soon as it is displayed?

EDIT: Ignore that - I got my answer :)

8

$().ready(function(){

    $('#myDiv').hide();


    $('#myDiv').show();

});