jquery display block / none

Question

hi as i am new to this jquery could any one help me with this i would like to show the div and hide the dive after trasnsition here is the script

jQuery(function($) {

    $('a.panel').click(function() {
        var $target = $($(this).attr('href')),
            $other = $target.siblings('.active'),
            animIn = function () {
                $target.addClass('active').show().css({
                    left: -($target.width())
                }).animate({
                    left: 0
                }, 300);
            };

        if (!$target.hasClass('active') && $other.length > 0) {
            $other.each(function(index, self) {
                var $this = $(this);
                $this.removeClass('active').animate({

                    left: -$this.width()
                }, 300, animIn);
            });
        } else if (!$target.hasClass('active')) {
            animIn();
        }
    });

});

Bhupendra Shukla · Accepted Answer · 2013-08-30 10:21:13Z

6

If you are using the multiple division (division inside division) in your form then you have to find the id of child div in the parent division like this.

$("#parentDiv").find("#childDiv").css("display", "block");      
$("#parentDiv").find("#childDiv").css("display", "none");

answered Aug 30, 2013 at 10:21

Bhupendra Shukla

3,9146 gold badges43 silver badges62 bronze badges

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

Comments

Vinay Pratap Singh Bhadauria · Accepted Answer · 2013-08-28 10:53:01Z

5

if using the id for div then

$('#dividhere').attr('display','block') //to show
$('#dividhere').attr('display','none') //to hide

if using the class for div then

$('.divclasshere').attr('display','block') //to show
$('.divclasshere').attr('display','none') //to hide

answered Aug 28, 2013 at 10:53

Vinay Pratap Singh Bhadauria

9,9873 gold badges30 silver badges50 bronze badges

4 Comments

Vinay Pratap Singh Bhadauria Over a year ago

@M1K1O sorry i didn't change the hide part after copy

m1k1o Over a year ago

How can it works ? you must change block to none in the hide row.

Md Nadeem Over a year ago

something like this jQuery(function($) { $('a.panel').click(function() { var $target = $($(this).attr('href')), $other = $target.siblings('.active'), animIn = function () { $target.addClass('active') $('.panel').attr('display','block') .show().css({ left: -($target.width()) }).animate({ left: 0 }, 300);

Md Nadeem Over a year ago

here i have created a fiddle whats happening is its inside a content and when it slides out it stays there only and the next div comes in i want the prev div to have display none so that it is not seen

Manu M · Accepted Answer · 2013-08-28 10:51:47Z

2

Try show and hide in jquery,

 $('element').show();

 $('element').hide();

answered Aug 28, 2013 at 10:51

Manu M

1,0645 silver badges18 bronze badges

Collectives™ on Stack Overflow

jquery display block / none

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related