jQuery Archives - Code Baker

$('.toggle').click(function(e)
	{
		var $this = $(this);
	  
		if ($this.siblings('ul.inner').hasClass('menu_show'))
		{
			$this.siblings('ul.inner').removeClass('menu_show');
			$this.siblings('ul.inner').slideUp('slow');
			$this.children('span').children('i').removeClass('fa-angle-down');
			$this.children('span').children('i').addClass('fa-angle-right');
		}
		else
		{
			$('ul.inner').removeClass('menu_show');
			$('ul.inner').slideUp('slow');
			$('footer h3 span i').removeClass('fa-angle-down');
			$('footer h3 span i').addClass('fa-angle-right');

			$this.siblings('ul.inner').addClass('menu_show');
			$this.siblings('ul.inner').slideDown('slow');
			$this.children('span').children('i').addClass('fa-angle-down');
		}
	});

$('.toggle').click(function(e)

{

var $this = $(this);

if ($this.siblings('ul.inner').hasClass('menu_show'))

{

$this.siblings('ul.inner').removeClass('menu_show');

$this.siblings('ul.inner').slideUp('slow');

$this.children('span').children('i').removeClass('fa-angle-down');

$this.children('span').children('i').addClass('fa-angle-right');

}

else

{

$('ul.inner').removeClass('menu_show');

$('ul.inner').slideUp('slow');

$('footer h3 span i').removeClass('fa-angle-down');

$('footer h3 span i').addClass('fa-angle-right');

$this.siblings('ul.inner').addClass('menu_show');

$this.siblings('ul.inner').slideDown('slow');

$this.children('span').children('i').addClass('fa-angle-down');

}

});

December 8, 2018 Harinder Singh

Article CSS HTML jQuery

How to fixed the table header and columns jQuery

We used HTML tag for creating table. Create three different tables for fixed header, fixed column and other columns. Create

December 8, 2018December 8, 2018 Harinder Singh

jQuery

Fancy scroll bar in jQuery

Now days all website used custom scroll bar, Here we have example of Fancy Scroll bar for Mobile and desktop.

December 8, 2018December 8, 2018 Harinder Singh

jQuery

Change text color on mouse hover with jQuery

We use mouseover() and mouseleave() to change the text color. Follow the example:

//CSS style
p{
color: #000;
}

//CSS style

color: #000;

}

$('p').mouseover(function(){
    $(this).css('color', '#ff0000');
}).mouseleave(function(){
    $(this).css('color', '#000');
});

$('p').mouseover(function(){

$(this).css('color', '#ff0000');

}).mouseleave(function(){

$(this).css('color', '#000');

});

December 8, 2018 Harinder Singh

jQuery

How to get offset of element in jQuery

Choose the element which you want to get the offset. Create object of that element. $(element) and it return the

December 8, 2018 Harinder Singh

Article jQuery

Validation password and confirm with jQuery

Create password validation with jQuery, we using jQuery library and validation library. First include both jQuery libraries inside head tag

December 2, 2018 Harinder Singh

Article jQuery

Form validation with jQuery

Create form validation with jQuery, we using jQuery library and validation library. First include both jQuery libraries inside head tag

December 2, 2018 Harinder Singh

← Previous