Ultra File Manager

Edit: /home/u523034047/domains/psassociate.org/public_html/current-jobs.php

<?php include('admin/conn.php'); ?>
<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
	<title>Current Jobs at PS Associate</title>
	<link rel="canonical" href="current-jobs.php" />
	
	
	<meta name="description"
		content="Find Current Jobs at PS Associate Offers best job opportunities, Fresh Jobs at PS Associate, Current Job Vacancies in PS Associate." />
	<meta name="keywords"
		content="Current Jobs at PS Associate, Current Job opportunities in PS Associate, Fresh Jobs  in PS Associate, Current Job Vacancies at PS Associate" />
	<meta property="og:title" content="Current Jobs at PS Associate">
	<meta property="og:site_name" content="PS Associate">
	<meta property="og:url" content="http://www.psassociate.org/current-jobs.htm">
	<meta property="og:description"
		content="Find Current Jobs at PS Associate - PS Associate Offers best job opportunities, Fresh Jobs at PS Associate, Current Job Vacancies in PS Associate.">
	<meta property="og:type" content="website">
	<meta property="og:image" content="5/496915/other-images/169335.jpg">
	<link rel="preload" as="style" href="templates-images/12577/common/catalog_new.css">
	<link rel="stylesheet" href="templates-images/12577/common/catalog_new.css" />
	<link rel="preload" as="style" href="templates-images/12577/12583/catalog.css">
	<link rel="stylesheet" href="templates-images/12577/12583/catalog.css" />
	<link rel="shortcut icon" href="ico-images/u.ico" type="image/x-icon" />
	<style>
		.company_logo .com_title a {
			font-weight: 600;
		}
	</style>
	<script>
		var loadDeferredStyles = function () {
			var addStylesNode = document.getElementsByClassName("deferred-styles");
			var replacement = document.createElement("div");
			replacement.innerHTML = '';
			for (var i = 0; i < addStylesNode.length; i++) {
				replacement.innerHTML += addStylesNode[i].textContent;
			}
			if ((replacement.innerHTML).trim() != '') {
				document.body.appendChild(replacement);
			}
		};
		var raf = requestAnimationFrame || mozRequestAnimationFrame ||
			webkitRequestAnimationFrame || msRequestAnimationFrame;
		if (raf) raf(function () { window.setTimeout(loadDeferredStyles, 0); });
		else window.addEventListener('load', loadDeferredStyles);
	</script>
	<link rel="preload" as="script" href="main-common/catalog_common_new.js">
	<script src="main-common/catalog_common_new.js"></script>
	<link rel="preload" as="script" href="templates-images/12577/common/catalog_new.js">
	<script src="templates-images/12577/common/catalog_new.js"></script>
	<script>
		$('.fancybox').fancybox();
	</script>
	<script>jQuery(document).ready(function (e) {
			jQuery('.myTabs').tabs({ 'fxShow': true, 'bookmarkable': false });
			jQuery(".tcl .plus").live("click", function () {
				jQuery(this).toggleClass('act').parent().find('ul').slideToggle('slow');
			});
			jQuery(".plusMinus").on("click", function () {
				jQuery(this).toggleClass('act').parent().next('.showHide_rp').slideToggle('slow');
			});
			if ($(window).width() < 992) {
				jQuery('.right-head .icon').click(function (event) {
					jQuery(this).toggleClass('open');
					jQuery(this).parent('.right-head').toggleClass('open');
					jQuery('.right-head .dropdown').slideToggle(300);
					event.stopPropagation()
				});
				jQuery('html, body').click(function () {
					jQuery('.right-head, .right-head .icon').removeClass('open');
					jQuery('.right-head .dropdown').slideUp(300)
				});
				jQuery('.right-head .dropdown').on('click', function (event) {
					event.stopPropagation();
				});
				$('[data-fancybox]').fancybox({
					protect: true
				});
			}
		});	
	</script>
	<script>
		jQuery(window).load(function (e) {
			function triggerHtmlEvent(element, eventName) {
				var event;
				if (document.createEvent) {
					event = document.createEvent('HTMLEvents');
					event.initEvent(eventName, true, true);
					element.dispatchEvent(event);
				}
				else {
					event = document.createEventObject();
					event.eventType = eventName;
					element.fireEvent('on' + event.eventType, event);
				}
			}
			
			$('.translation-links a').click(function (e) {
				e.preventDefault();
				var lang = $(this).data('lang');
				$('#google_translate_element select option').each(function () {
					if ($(this).text().indexOf(lang) > -1) {
						$(this).parent().val($(this).val());
						var container = document.getElementById('google_translate_element');
						var select = container.getElementsByTagName('select')[0];
						triggerHtmlEvent(select, 'change');
					}
				});
			});
		})
	</script>
	<script>
		jQuery(window).load(function () {
			var DG_T = jQuery('.fixer').offset().top;
			var WH1 = jQuery(window).innerHeight();
			var FH1 = jQuery('.fixer').outerHeight();
			var DH1 = jQuery(document).innerHeight() - (FH1 + DG_T * 2.3);
			var SH1 = WH1 + FH1;
			if (DH1 >= SH1) {
				jQuery(window).scroll(function () {
					if (jQuery(this).scrollTop() > DG_T) { jQuery('.fixer').addClass('t2_fixer'); jQuery('.top_space').show(); } else { jQuery('.fixer').removeClass('t2_fixer'); jQuery('.top_space').hide(); }
				})
			}
		}) 
	</script>
	<style>
		/***** MODIFY THEME *****/
		#saveThemeContainer {
			top: 130px;
			z-index: 999999
		}

#saveThemeToggle,
		#saveThemeContent {
			background: #222 none no-repeat center center;
			border: 1px solid #fff;
			border-left: 0;
			border-top: 0;
			box-shadow: 0 0 7px #000;
		}

#saveThemeToggle {
			background-image: url(templates-images/12577/12583/setting-icon.gif);
			width: 30px;
			height: 30px;
			margin-left: -1px;
		}

body.boxed {
			max-width: 1200px;
			margin: 0 auto;
			-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2);
			box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2);
			position: relative;
		}

.layout-style {
			padding-top: 12px;
			text-align: center;
		}

.layout-style p {
			color: #fff;
			font-size: 14px;
			line-height: 22px;
			text-align: center;
		}

.page-style {
			width: 40px;
			padding: 8px;
			border: 1px solid #b0b0b0;
			margin: 2px;
			display: inline-block;
			background: #ffffff;
			color: #333;
			cursor: pointer;
			font-size: 12px;
			text-align: center;
		}

.page-style.active {
			color: #00abed;
			border: 1px solid #00abed;
		}

.bg1,
		.bg2,
		.bg3,
		.bg4 {
			width: 12px;
			height: 8px;
			background-size: cover;
			border: 4px solid #fff;
			margin-bottom: 0px;
		}

.reset {
			width: 12px;
			height: 8px;
			border: 4px solid #fff;
			margin-bottom: 0px;
			background: #000;
		}

.bg1 {
			background: url(templates-images/12577/12583/bg1.jpg);
		}

.bg2 {
			background: url(templates-images/12577/12583/bg2.jpg);
		}

.bg3 {
			background: url(templates-images/12577/12583/bg3.jpg);
		}

.bg4 {
			background: url(templates-images/12577/12583/bg4.jpg);
		}
	</style>
	<style id="styleBackgroundColor_02">
		#headerFormatNT nav.f1,
		a.button,
		.button a,
		.category li:hover .bg,
		footer,
		.right-head .icon span,
		.right-head .icon span::before,
		.right-head .icon span::after,
		.headRw_f3.headHr,
		.clfd-price,
		.slider-content3 a+a,
		.slider-content4 a+a,
		.services-list .ser-icon,
		a.site-btn,
		button.site-btn,
		#middle .ui-tabs-nav .ui-tabs-selected a,
		#middle .ui-tabs-nav a:hover,
		#middle .ui-tabs-nav a:focus,
		#middle .ui-tabs-nav a:active,
		#middle .ui-tabs-nav .ui-tabs-active a,
		#middle .ui-tabs-nav .ui-state-active a,
		footer .headHr,
		.headHr,
		.paging a.on,
		.paging a:hover,
		a.buttonBig:hover,
		input.buttonBig:hover,
		.buttonBig a:hover,
		.bx-wrapper .bx-pager.bx-default-pager a:hover,
		.bx-wrapper .bx-pager.bx-default-pager a.active,
		.back,
		.clfd-details .bx-wrapper .bx-prev,
		.nslider .bx-wrapper .bx-prev,
		.clfd-details .bx-wrapper .bx-next,
		.nslider .bx-wrapper .bx-next,
		.saleRent .bx-wrapper .bx-prev,
		.saleRent .bx-wrapper .bx-next,
		.headFormat.f6,
		.resort-box2:hover .iconBox,
		.theme1,
		.head-bdrb::before,
		input.button:hover,
		.hd_frmt_f6_outer,
		header.f6Tree_bg~.headBg.theme2,
		.shapeLtPolyg::before,
		input.razorpay-payment-button:hover,
		.tstArrow .testimonial_fm ul li>div span.i.large:before {
			background-color: #eeeeee;
		}

header.f48 .row2:after {
			border-right-color: #eeeeee;
		}

.logoBg::before,
		.logoBg::after,
		.ui-tabs-nav .ui-tabs-selected a:after {
			border-top-color: #eeeeee;
		}

.contDtls .smsBtn.theme2,
		.theme1Bdr {
			border-color: #eeeeee;
		}
	</style>
	<style id="styleBackgroundColor_03">
		.ddsmoothmenu>ul>li>a.selected,
		.ddsmoothmenu ul li a:hover,
		.ddsmoothmenu ul li.on>a,
		nav.f2 .ddsmoothmenu ul li a:hover,
		nav.f2 .ddsmoothmenu ul li.on>a,
		nav.f3 .ddsmoothmenu ul li a:hover,
		nav.f3 .ddsmoothmenu>ul>li>a.selected,
		nav.f3 .ddsmoothmenu ul li a:hover,
		nav.f3 .ddsmoothmenu ul li.on>a,
		a.buttonBig,
		input.buttonBig,
		.buttonBig a,
		.category .bg,
		.slider-content h1::after,
		.slider-content .hd1::after,
		a.button:hover,
		.button a:hover,
		input.button,
		.slider-content2 .search-btn,
		.search-btn,
		.slider-content3 a,
		.slider-content4 a,
		.contact-icon,
		button.site-btn,
		#middle .ui-tabs-nav a,
		#middle .ui-tabs-nav .ui-tabs-disabled a:hover,
		#middle .ui-tabs-nav .ui-tabs-disabled a:focus,
		#middle .ui-tabs-nav .ui-tabs-disabled a:active,
		#tml>ul>li.on>a,
		#tml>ul>li:hover>a,
		#footerFormat1 a.button,
		.project_tml>li.on a,
		.project_tml>li a:hover,
		#projectMoreLinksDiv a:hover,
		.front,
		#bx-pager ul li a.active,
		.resort-box .overlay,
		.clfd-details .bx-wrapper .bx-next:hover,
		.nslider .bx-wrapper .bx-next:hover,
		.clfd-details .bx-wrapper .bx-prev:hover,
		.nslider .bx-wrapper .bx-prev:hover,
		.borderB::after,
		.saleRent .bx-wrapper .bx-prev:hover,
		.saleRent .bx-wrapper .bx-next:hover,
		.resort-box2 .iconBox,
		.supHead,
		.sale,
		.clfd-icon li:hover,
		.theme2,
		.left_Frmt h2+p::after,
		#footerFormat1 .button,
		.head-bdrb::after,
		.f16-service .back,
		.ttw-navbg .t2_fixer,
		.menu.f6-ttw::before,
		.hd_frmt_f6_outer::before,
		.tour-clfd ul li .h a:before,
		.bdr-btn:hover,
		.bdr-btn a:hover,
		.reiDetail-nav ul li a:hover,
		.reiDetail-nav ul li a.on,
		.step-services .slider li>div:hover,
		header.f48 .tgl li:hover,
		.headingBbdr .h1::after,
		.ddsmoothmenu ul li ul a.selected,
		.ddsmoothmenu ul li ul a:hover,
		.ddsmoothmenu ul li ul li.on>a,
		.logoPolyg::before,
		.shapeRtPolyg::before,
		.shapeRtPolyg::after,
		input.razorpay-payment-button,
		.relOtherinfo .slider ul li:nth-child(2)>div.tstImgView::after,
		nav.f3.f3_trans .ddsmoothmenu>ul>li>a:hover::before,
		nav.f3.f3_trans .ddsmoothmenu>ul>li>a.selected::before,
		nav.f3.f3_trans .ddsmoothmenu>ul>li.on>a::before,
		.themeProBg .slider ul li .data:hover,
		.themeCinfo ul li:hover>.cInfo-box,
		.tp_f3 .slider ul li>.data:hover,
		.tp_f3 .slider ul li>.data:hover>.dib,
		.rei-ser .slider ul li .data:hover,
		div.ddsmoothmobile ul li.on a,
		div.ddsmoothmobile ul li.selected a,
		div.ddsmoothmobile ul li:hover a,
		.reiSlBtm .fluid_dg_caption .btns a:hover,
		.arwBtn a.buttonBig::before {
			background-color: #333333;
		}

.h2 h2,
		.h2 h3,
		#middle .h2 p.rHead,
		.project_tml,
		.shadowList ul li:hover .cdctent.bdrB,
		.enq-frm input:focus,
		.enq-frm select:focus,
		.headFormat.f6::before,
		.banner_area.f6 .fluid_dg_visThumb.fluid_dgcurrent,
		.bdr-btn,
		.bdr-btn a,
		.single-product .single-box-bdr,
		.contDtls .emailBtn.theme1,
		.headingBbdr.fullAbt .buttonBig::after,
		.relImgCont .row1.dt .col-1.w25>.pr,
		.themeBdr,
		.theme2Bdr,
		.sngTitle.btmArrw .ic {
			border-color: #333333;
		}

.intro-f3 .enter-btn:after {
			border-left-color: #333333;
		}

.ttw-navbg::before,
		.clickBox,
		.trngleAbtshape .DynBanner::after,
		.trngleBtmShape .imgShape::after {
			border-bottom-color: #333333;
		}

.contDtls .emailBtn.theme1,
		footer .planNwsltr input.button,
		.sngTitle .slider ul li:hover .clfd-view .heading a {
			color: #333333;
		}

.trngleAbtshape .DynBanner::before,
		.triangle-topleft::after {
			border-top-color: #333333;
		}

.svgCompInfo .iconBox svg {
			fill: #333333;
		}

.slRghtCont .fluid_dg_caption>div {
			border-color: #333333;
		}
	</style>
	<style id="styleBackgroundColor_04">
		.dif,
		.dif a,
		a.dif,
		.dif2 span,
		.dif2 span a,
		a:hover,
		#middle .bxslider .h,
		#middle .bxslider .h a,
		div.ddsmoothmobile ul li a:hover,
		#middle .h2 h2,
		.ttw-serbg .data .dif a,
		.ttw-serbg .data .dif,
		.ttw-serbg .data a.dif,
		.indService ul li>div:before,
		.contDtls .smsBtn.theme2,
		nav.f3.f3_trans .ddsmoothmenu>ul>li.on>a,
		nav.f3.f3_trans .ddsmoothmenu>ul>li>a:hover,
		nav.f3.f3_trans .ddsmoothmenu>ul>li>a.selected,
		.reiSlBtm .fluid_dg_caption .btns a,
		.arwBtn a.buttonBig {
			color: #333333;
		}
	</style>
	<style id="styleBackgroundColor_05">
		#bodyFormatNT.evenOdd section:nth-child(odd),
		#bodyFormatNT.oddEven section:nth-child(even),
		.bodycontent,
		#headerFormatNT nav.f3,
		.t2_fixer.bg_df {
			background-color: #ffffff;
		}

.headFormat.f6.hd_new.f6-ttw::before {
			border-bottom-color: #ffffff;
		}

.banner_area.f16::before,
		.single-product .single-product,
		header.f48 .row2:before {
			border-right-color: #ffffff;
		}

.f16-service::after,
		.ltTrng::before {
			border-left-color: #ffffff;
		}

#bodyFormatNT.evenOdd section:nth-child(odd) .data .view-arrow,
		#bodyFormatNT.oddEven section:nth-child(even) .data .view-arrow {
			background: #ffffff;
		}
	</style>
	<style id="styleBackgroundColor_06">
		#bodyFormatNT.evenOdd section:nth-child(even),
		#bodyFormatNT.oddEven section:nth-child(odd) {
			background-color: #f3f3f3;
		}

#bodyFormatNT.evenOdd section:nth-child(even) .data .view-arrow,
		#bodyFormatNT.oddEven section:nth-child(odd) .data .view-arrow {
			background: #f3f3f3;
		}
	</style>
	<style id="styleBackgroundColor_07">
		html body {
			background-color: #ffffff;
		}
	</style>
	<style id="styleBackgroundColor_08">
		.head-c1 {
			color: #333333;
		}
	</style>
	<style id="styleBackgroundColor_09">
		.head-c2 {
			color: #333333;
		}
	</style>
	<style id="styleBackgroundColor_10">
		.theme3 {
			background-color: #333333;
		}
	</style>
	<style id="styleBackgroundColor_11">
		.theme4 {
			background-color: #fab513;
		}

.theme4c {
			color: #fab513;
		}
	</style>
	<style id="styleBackgroundColor_14">
		.theme5,
		.ttw-navbg .ddsmoothmenu ul li a:hover,
		.ttw-navbg .ddsmoothmenu ul li a:hover,
		.ttw-navbg .ddsmoothmenu ul li.on>a {
			background-color: #e92f2f;
		}
	</style>
	<style id="styleBackgroundColor_12">
		.headVr {
			background-color: #f8f8f8;
		}
	</style>
	<style id="styleBackgroundColor_13">
		.data,
		.testimonial_fm li>div.data,
		.smsEmailTop .smsEmail .theme1 {
			background-color: #fcfcfc;
		}
	</style>
	<script src="main-common/jquery.ui.totop.js"></script>
	<script>jQuery(document).ready(function (e) {
			jQuery().UItoTop({ easingType: 'easeOutQuart' });
		});
	</script>
</head>

<body class="del_inHdr  ">
	<div class="bodycontent pi">
		<header class="headerFormatNT">
			<?php include('menu2.php'); ?>
		</header>
		<div id="middle">
			<div id="bodyFormatNT" class="wrap  ip ls">
				<br style="content:'';display:inline-block;width:100%;height:15px;" />
				
				<div class="h1">
					<h1>Current Jobs</h1>
				</div>
				<p class="breadcrumb ar uu small"><a href="index.html" title="Home">Home</a> <b
						class="ffv p2px">&rsaquo;</b> Current Jobs</p>
				<div class="aj">PS Associate offers a properly maintained and regularly updated database of the Current
					Jobs. The candidates can visit the Current Jobs section to have a look at the relevant job openings
					so as to get a good start for their professional lives.</div>
				<p class="cb"></p>
				<br />
				<div id="search_filter_data">

<div class="row1 dt columns23">
						<div class="col-2 wideColumn ip ls">
							<br />
							<p class="b xlarge">Current Openings</p>
							<p class="cb"></p>

<div class="mt12px">
								<?php
								$limit = 5; // Jobs per page
								$page = isset($_GET['page']) ? (int) $_GET['page'] : 1;
								if ($page < 1)
									$page = 1;

$offset = ($page - 1) * $limit;

// Get total records
								$resultCount = mysqli_query($connection, "SELECT COUNT(*) AS total FROM post_vacancy");
								$rowCount = mysqli_fetch_assoc($resultCount);
								$totalJobs = $rowCount['total'];
								$totalPages = ceil($totalJobs / $limit);

// Fetch jobs with limit
								$sql = "SELECT * FROM post_vacancy ORDER BY id DESC LIMIT $offset, $limit";
								$query = mysqli_query($connection, $sql);

while ($res = mysqli_fetch_array($query)) {
									?>
									<div class="bdr cp" onclick="location.href='#'">
										<p class="p10px bdr0 data b dif">
											<a href="#" title="<?php echo $res["Title"] ?>">
												<?php echo $res["Title"] ?>
											</a>
										</p>
										<div class="p15px bdrT">
											<p class="mb5px">
												<?php echo $res["Qualification"] ?>
											</p>
										</div>
										<div class="p7px bdrL0 bdrB0 bdrR0 headVr small ar">
											<span class="mt5px dib fl"><?php echo $res["Post_time"] ?></span>
											<a href="post-resume.php" class="p3px pl10px pr10px buttonBig dib c3px">Apply
												Now</a>
										</div>
									</div>
								<?php } ?>

<div class="pagination mt10px">
									<?php if ($page > 1): ?>
										<a href="?page=<?php echo $page - 1; ?>" class="btn btn-sm">Previous</a>
									<?php endif; ?>

<?php for ($i = 1; $i <= $totalPages; $i++): ?>
										<a href="?page=<?php echo $i; ?>"
											class="btn btn-sm <?php echo $i == $page ? 'active' : ''; ?>">
											<?php echo $i; ?>
										</a>
									<?php endfor; ?>

<?php if ($page < $totalPages): ?>
										<a href="?page=<?php echo $page + 1; ?>" class="btn btn-sm">Next</a>
									<?php endif; ?>
								</div>
							</div>

<br />

</div>
						<script>
							window.addEventListener("DOMContentLoaded", function () {
								jQuery(document).on("click", ".showallspan", function () {
									if (jQuery(this).attr("data-target") === 'show') {
										jQuery(this).text("View Less");
										jQuery(this).attr("data-target", "hide");
										jQuery(this).closest("div").find(".spanlist").removeClass("dn");
									} else {
										jQuery(this).text("View More");
										jQuery(this).attr("data-target", "show");
										jQuery(this).closest("div").find(".spanlist").addClass("dn");
									}
								});
							});
						</script>
						<div class="col-3 thinColumn">
							<?php include('side-menu.php'); ?>
						</div>
					</div>
				</div>
				<script>
					var jobSearchUrl = 'https://recruiter.placementindia.com/catalog-scripts/resp-catalog-jobs-classified-products.php';
					(function ($) {
						function handleFileterResponse(url) {
							$.ajax({
								url: url,
								type: 'get',
								crossDomain: true,
								success: function (res) {
									console.log("Res", res);
									$("#search_filter_data", document).html(res);
								}
							});
						}
						document.addEventListener("DOMContentLoaded", function (event) {
							(function ($) {
								$(document).on('submit', 'form[name=job_search]', function (e) {
									e.preventDefault();
									var form = $(this);
									var options = {
										url: jobSearchUrl,
										data: form.serialize(),
										type: 'post',
										crossDomain: true,
										beforeSend: function () {
											$(".wideColumn", document).html('<div id="search_filter_load" class="ac pt30px"><h2 style="font-size: 16px;">Loading...</h2></div>');
										},
										success: handleFileterResponse
									};
									$.ajax(options);
								});
							})(jQuery);
						});
					})(jQuery);
				</script>
				
				<br style="content:'';display:inline-block;width:100%;height:15px;" />
			</div>
		</div><img src="templates-images/12577/12583/spacer.png" title="" alt="" />
		<footer class="pt0px" id="footerFormat1">
			<div class="wrap"> <?php include('footer2.php'); ?>
		</footer>
		
	</div>
	<script>
		$(document).ready(function () {
			$(".fancy-popup").fancybox({
				toolbar: false,
				smallBtn: true,
				type: 'iframe',
				iframe: {
					preload: false,
					css: {
						maxWidth: '715px',
						maxHeight: '422px'
					}
				},
				centerOnScroll: true
			});
		});
		$(document).ready(function () {
			$(".fancy-popup-service").fancybox({
				toolbar: false,
				smallBtn: true,
				type: 'iframe',
				iframe: {
					preload: false,
					css: {
						maxWidth: '715px',
						maxHeight: '330px'
					}
				},
				centerOnScroll: true
			});
		});
	</script>
	<script>
		jQuery(document).ready(function (e) {
			jQuery('.whatsappBtn').on('click', function (event) {
				jQuery('.whChatSec').toggleClass('wh-active');
				jQuery('.whTxt').toggleClass('downTooltip');
			});
			jQuery('.whtCls').on('click', function () {
				jQuery('.whChatSec').removeClass('wh-active');
			});
			if ($(window).width() > 993) {
				$.fn.scrollEnd = function (callback, timeout) {
					jQuery(this).scroll(function () {
						var $this = jQuery(this);
						if ($this.data('scrollTimeout')) {
							clearTimeout($this.data('scrollTimeout'));
						}
						$this.data('scrollTimeout', setTimeout(callback, timeout));
					});
				};
				jQuery(window).scroll(function () {
					jQuery('.whatsappBtn').addClass('wh-close');
				});
				jQuery(window).scrollEnd(function () {
					jQuery('.whatsappBtn').removeClass('wh-close');
				}, 1800);
			};
		});
	</script>

</body>

</html>

Ukuran: 21.5 KB