FT

Posts

jQuery slideUp function

slideUp function: The .slideUp() method animates the height of the matched elements. This causes lower parts of the page to slide up, appearing to conceal the items.can be supplied to indicate durations of 200 and 600 milliseconds, Demo link : http://freeteachnology.hol.es/slideup/ Code link : https://drive.google.com/open?id=0BxmTZPVcu72fOVJ0dUU0dElQRnM Syntax : $(element).slideUp(speed,easing,callback); follwoing parameterr of slideUp element : 1-spedd, 2-easing, 3-callback, 1-speed : specifies speed of slide up effects, speed used milesecond,slow,fast parameter pass 2-easing :specify speed of slideup element 1-swing-move slower at the begining/end but faster at middle, 2-linear – constant speed. 3-callback : slide up function excuted call callback function. Follwoing file structure create : 1-header.php, 2-footer.php, 3-index.php 1-header.php file include bootstrap links well as jquery link, Code : <html xmlns=...

toggle function in jquery

toggle function : toggle function are used cin jQuery 1.8 toogle attach two or more function to toggle between the click event for selected element. When first time click on element then first function call then again second time click another function call. Syntax : $(element).toggle(function); Demo link : http://freeteachnology.hol.es/toggle/ Code link : https://drive.google.com/open?id=0BxmTZPVcu72fVExPWXRkSHRXbnM if without toogle follwoing function you can use : Without toogle : <script> if(display==true) { $(“#name”).show(); }else if(display==false) { $(“#name”).hide(); } </script> Using toggle : <script> $(“#name”).toggle(); </script> Following file structure create : 1-header.php, 2-footer.php, 3-index.php, 1-header.php file include bootstrap links well as jquery link, Code : <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co...