Latest Posts:

How to hide the div one by one using jquery?

February 22, 2019 4:54 pm

<!DOCTYPE html> <html> <head> <title>Demo – Devchandan</title> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css”> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js”></script> </head> <body> <div class=”container”>

How to show and hide div one by one using jquery?

February 22, 2019 4:10 pm

Here, Suppose, have 3 Div, like Div-1,Div-2,Div-3. Now when I clicked the button , then Div-1 will hide. then Div-2, then Div-3. Finally All Div is hidden. Then when clicked again Div-1 will show, then Div-2 will show, Then Div-3 will show. This type it will function every time on clicking the button. Here, Full page code is Given below, <!DOCTYPE html> <html> <head> <title>Demo – Show and Hide Div</title> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <link rel=”stylesheet”

How do I keep two div the same height for any device?

February 21, 2019 4:13 pm

<!DOCTYPE html> <html> <head> <title>Page Title</title> <!– Latest compiled and minified CSS –> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css”> <!– jQuery library –> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <!– Latest compiled JavaScript –> <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js”></script> <style> body { padding: 0; margin: 30px

How To Get the Selected Checkboxes within a class in Jquery?

February 17, 2019 3:16 pm

#option-1:: $(‘.tbl_prop_checkbox .prop_checkbox:checked’).each(function(){ var dis_service = $(this); console.log(dis_service); }); #option-2:: $.each($(“.tbl_prop_checkbox input.prop_checkbox:checked”), function(){ var dis_service = $(this); console.log(dis_service); }); #option-3:: To Get if Chcekbox is Checked $(‘.tbl_prop_checkbox .prop_checkbox’).each(function(){ var dis_service = $(this); if(dis_service.is(‘:checked’)){ console.log(‘checked service’); }else{ console.log(‘Not checked service’); } });

How to Increment value clicking plus minus icon in Jquery?

February 6, 2019 10:56 am

Html Code: <div class=”csdisplayorder” > <span class=’csminus glyphicon glyphicon-minus’></span> <input class=”cscurrent” type=”text” disabled value=”1″ data-rid=”1″ data-pid=”2″> <span class=’csplus glyphicon glyphicon-plus’></span> </div> Script: <script type=”text/javascript”> $(document).ready(function(){ $(‘.csdisplayorder .csplus’).live(‘click’, function(){ var dis = $(this); var input_obj = dis.parent().find(‘.cscurrent’);

How to Integrate Select2 for Dropdown or Select Box?

January 19, 2019 9:09 am

Using Select2 from a CDN A CDN (content delivery network) is the fastest way to get up and running with Select2! Select2 is hosted on both the cdnjs and jsDelivr CDNs. Simply include the following lines of code in the section of your page: <link href=”https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css” rel=”stylesheet” /> <script src=”https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js”></script> Or, You Can Download the Library Files From directly SELECT2 Github https://github.com/select2/select2 The