ikan Uploader :
Directory : /var/www/vhosts/omkar.com/httpdocs/application/views/
Upload File : |
| Current File : /var/www/vhosts/omkar.com/httpdocs/application/views/career2.php |
<!doctype html>
<html lang="en">
<head>
<title><?php echo $page_info->title;?></title>
<meta name="description" content="<?php echo $page_info->meta_description;?>" />
<meta name="keywords" content="<?php echo $page_info->meta_keywords;?>" />
<?php $this->load->view('header'); ?>
</head>
<body class="career_wrapp">
<!-- structured map data -->
<?php //echo $page_info->structured_map_data;?>
<!-- structured map data -->
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T3BPP5W" height="0" width="0" style="display:none;visibility:hidden">
</iframe>
</noscript>
<script>
function passDescription(val){
var desc = $('#desc_'+val).val();
$("#job-desc").html(desc);
}
</script>
<!-- End Google Tag Manager (noscript) -->
<div id="wrapper" class="aos-all career-page">
<?php
$data1['act'] = $page_active;
$data1['project_list'] = $project_list;
$this->load->view('navigation', $data1); ?>
<!-- Slider Start-->
<section class="slider-wrapper">
<div id="innder-slider" class="">
<div class="item">
<div class="bg" style="background-image: url(<?php echo base_url(); ?>assets/images/careers-bg.png)"></div>
<div class="slider-cont">
<div class="container">
<!-- <h1 class="aos-item" data-aos="fade-down">Careers at Omkar</h1> -->
<h1 class="aos-item small-font-career" data-aos="fade-down">Come, be part of a passion driven landscape <br>where everyone has an opportunity to do<br> their best work … to become a Champion!</h1>
<a href="#about-career" class="scroll-down"><img src="<?php echo base_url(); ?>assets/images/down-arw.png" alt=""></a>
</div>
</div>
</div>
</div>
</section>
<!-- <section id="about-career" class="aos-item" data-aos="fade-up">
<div class="container">
<div class="col-md-10 offset-md-1">
<p>Come, be part of a passion driven landscape where everyone has an opportunity to do their best work … to become a Champion!</p>
<a href="https://mywings.formulahr.co.in/Candidate/CanHomeBL.aspx" target="_blank" class="btn-yellow">Apply Now</a>
</div>
</div>
</section> -->
<section id="sub-nav">
<div class="container">
<ul>
<li><a href="#three-tabs" class="active">Work With Us</a></li>
<!-- <li><a href="#career-abt-info">Apply Now</a></li> -->
<li><a href="#employee-benifit">Employee Benifit</a></li>
<li><a href="#testimonial-sec">Testimonials</a></li>
<li><a href="#moments-sec">Omkar Moments</a></li>
<li><a href="#campus-speak">Campus Speak</a></li>
<!-- <li><a href="#openings-sec">Current Openings</a></li> -->
</ul>
</div>
</section>
<section id="three-tabs" class="aos-item" >
<div class="container">
<h2>Why do talented people want to work with us?</h2>
<div class="tabs">
<ul class="tab-links">
<li class="active"><a href="#tab1"><img src="<?php echo base_url(); ?>assets/images/company-icon.png" alt=""><span>The Company</span></a></li>
<li><a href="#tab2"><img src="<?php echo base_url(); ?>assets/images/people-icon.png" alt=""><span>The People</span></a></li>
<li><a href="#tab3"><img src="<?php echo base_url(); ?>assets/images/plan-icon.png" alt=""><span>What's in it for you?</span></a></li>
</ul>
<div class="tab-content">
<div id="tab1" class="tab active">
<div class="row">
<div class="col-lg-6 col-md-12">
<span class="large-txt">The Company</span>
<ul>
<li>One of India’s leading Real Estate business houses with over 1000 people</li>
<li>Pioneering spirit with boldness to lead</li>
<li>Vibrant, young and growing fast</li>
</ul>
</div>
<div class="col-lg-6 col-md-12">
<img src="<?php echo base_url(); ?>assets/images/company-pro-img.jpg" alt="">
</div>
</div>
</div>
<div id="tab2" class="tab">
<div class="row">
<div class="col-lg-6 col-md-12">
<span class="large-txt">The People</span>
<ul>
<li>Work with highly committed and engaged colleagues who take great pride in their work</li>
<li>Where people feel recognized, cared and their achievements celebrated</li>
<li>Flexible, diverse, entrepreneurial, open and empowered environment for you to make a visible difference</li>
</ul>
</div>
<div class="col-lg-6 col-md-12">
<img src="<?php echo base_url(); ?>assets/images/thepeople-pic.gif" alt="">
</div>
</div>
</div>
<div id="tab3" class="tab">
<div class="row">
<div class="col-lg-6 col-md-12">
<span class="large-txt">What's in it for you?</span>
<ul>
<li>Progressive culture with strong roots</li>
<li>Opportunities to work in a company that embraces cutting edge practices in the Real Estate space</li>
<li>A fulfilling Career Progression</li>
<li>Valuable Work Life Balance & Benefits</li>
</ul>
</div>
<div class="col-lg-6 col-md-12">
<img src="<?php echo base_url(); ?>assets/images/whatsin-pic.gif" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="career-abt-info">
<!-- <section id="about-career" class="aos-item" data-aos="fade-up">
<div class="container">
<div class="col-md-10 offset-md-1">
<p>Come, be part of a passion driven landscape where everyone has an opportunity to do their best work … to become a Champion!</p>
<a href="https://mywings.formulahr.co.in/Candidate/CanHomeBL.aspx" target="_blank" class="btn-yellow">Apply Now</a>
</div>
</div>
</section> -->
<section id="career-info" class="aos-item" data-aos="fade-up">
<div class="container aos-item" data-aos="fade-up">
<div class="row">
<div class="col-xl-3 col-lg-4">
<img src="<?php echo base_url(); ?>assets/images/career-img1.jpg" alt="" class="certi-img">
</div>
<div class="col-xl-9 col-lg-8">
<h3>OMKAR Realtors & Developers awarded <br>'Dream Companies To Work For'</h3>
<ul class="award-list">
<li>Awarded by Times Ascent at World HRD Congress which had delegates from 131 countries</li>
<li>Omkar Realtors was recognised for it's excellent HR practices</li>
<li>Nearly 750 organizations across sectors participated and 75 made it to the final jury round</li>
<li>Omkar was ranked among the 'Top 50 Dream Companies To Work For'</li>
</ul>
</div>
<!-- paste here -->
<!-- <a href="https://mywings.formulahr.co.in/Candidate/CanHomeBL.aspx" target="_blank" class="btn-yellow omkar-cust-apply">Apply Now</a> -->
</div>
</div>
</section>
</section>
<section class="career-rwrd aos-item" id="career-rwrd">
<div class="container">
<h2>Why do talented people want to work with us?</h2>
<div class="col-md-10 offset-md-1">
<div class="row">
<div class="col-md-6 col-lg-4 no-padding">
<div class="rew-img">
<span class="rwrdarrow"></span>
</div>
<div class="rwrd-desc">
<h5>Total Rewards</h5>
<p>You will find stretch assignments, fantastic benefits & lifestyle perks and a chance to live your dream … to become a champion!</p>
<a class="director_box" href="#total_reward">+ Know More</a>
</div>
</div>
<div class="col-md-6 col-lg-4 no-padding">
<div class="rwrd-desc">
<h5>Minimum Standards</h5>
<p>Investments In Office Infrastructure, Systems & Processes. Managers recognize and celebrating excellence while demonstrating genuine care for people and results.</p>
<a class="director_box" href="#minimum_std">+ Know More</a>
</div>
<div class="rew-img" style="background-image: url(<?php echo base_url(); ?>assets/images/minimum-standerds-img.jpg)">
<span class="rwrdarrow1"></span>
</div>
</div>
<div class="col-md-6 col-lg-4 no-padding">
<div class="rew-img" style="background-image: url(<?php echo base_url(); ?>assets/images/opportunity-img.jpg)">
<span class="rwrdarrow"></span>
</div>
<div class="rwrd-desc">
<h5>The Opportunity</h5>
<p>You will be involved in building an organization that is and will continue to make a great impact while providing you with accelerated growth.</p>
<a class="director_box" href="#opportunity">+ Know More</a>
</div>
</div>
</div>
</div>
<div id="total_reward" class="abt_popContent">
<div class="pop_head">
<h4>Total Rewards</h4>
</div><br><br>
<p><img src="<?php echo base_url(); ?>/assets/images/total-rwrd.jpg" alt="">
Champions deserve to be nurtured. Financial rewards in the form of top Compensation & Benefits or Relational Rewards in the form of Knowledge & Learning opportunities and a work environment that celebrates Special Tribute Awards for Results as well as Fun! Excited?</p>
<a href="https://mywings.formulahr.co.in/Candidate/CanHomeBL.aspx" target="_blank" class="btn-yellow">Apply Now</a>
</div>
<div id="minimum_std" class="abt_popContent">
<div class="pop_head">
<h4>Minimum Standard</h4>
</div><br><br>
<p><img src="<?php echo base_url(); ?>/assets/images/minimum-standerds-img.jpg" alt="">
Customer Focus, Excellence, Teamwork, Equality & Inclusion, Integrity. We abide by these enduring Core Values that are the foundation of our business and at the heart of all we do each day. Why don’t you?</p>
<a href="https://mywings.formulahr.co.in/Candidate/CanHomeBL.aspx" target="_blank" class="btn-yellow">Apply Now</a>
</div>
<div id="opportunity" class="abt_popContent">
<div class="pop_head">
<h4>The Opportunity</h4>
</div><br><br>
<p><img src="<?php echo base_url(); ?>/assets/images/opportunity-img.jpg" alt="">
Stretch assignments, career progression, knowledge, learning & development and work life balance… Right here, Right now!</p>
<a href="https://mywings.formulahr.co.in/Candidate/CanHomeBL.aspx" target="_blank" class="btn-yellow">Apply Now</a>
</div>
</div>
<!-- <a href="https://mywings.formulahr.co.in/Candidate/CanHomeBL.aspx" target="_blank" class="btn-yellow omkar-cust-apply">Apply Now</a> -->
</section>
<section class="openings" id="openings-sec">
<div class="container">
<h2>Current Openings</h2>
<div class="row aos-item" data-aos="fade-up">
<div class="col-md-10 offset-md-1">
<?php if(!empty($current_openings)){
?>
<table>
<tr>
<th>Position</th>
<th>Experience</th>
<th>Job Location</th>
<th></th>
</tr>
<?php
$count=0;
foreach ($current_openings as $opening) {
?>
<tr>
<td width="35%"><?php echo $opening['position'];?></td>
<td><?php echo $opening['experience'];?></td>
<td><?php echo $opening['location'];?></td>
<td><a href="#job-desc" onclick="passDescription('<?php echo $count; ?>');" class="director_box">Job Description</a>
<input type="hidden" id="desc_<?php echo $count; ?>" value="<?php echo $opening['description']; ?>">
</td>
</tr>
<?php $count++;
} ?>
</table>
<!-- <div class="col-md-12" id="job-desc"> -->
<?php // echo $opening['description'];?>
<!-- </div> -->
<a href="https://mywings.formulahr.co.in/Candidate/CanHomeBL.aspx" target="_blank" class="btn-blue">Apply Now</a>
<?php }else{ ?>
<table>
<tr>
<th>Position</th>
<th>Experience</th>
<th>Job Location</th>
<th></th>
</tr>
<tr>
No result found!
</tr>
</table>
<?php } ?>
</div>
</div>
<div id="job-desc">
</div>
<!-- <div class="campus-desc aos-item" data-aos="fade-up">
<h2>Campus Recruitment</h2>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div> -->
<div id="job_disc" class="abt_popContent">
<h3>Job Description</h3>
<p><strong>Position :</strong> Senior Accountant</p>
<p><strong>Experience :</strong> 4-8 Years</p>
<p><strong>Job Description :</strong>
Lorem ipsum dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
Lorem ipsum dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>
</div>
</div>
</section>
<section id="employee-benifit">
<div class="container">
<h1 class="heading-primary">EMPLOYEE BENEFITS</h1>
<div class="accordion">
<dl>
<dt>
<a href="#accordion1" aria-expanded="false" aria-controls="accordion1" class="accordion-title accordionTitle js-accordionTrigger">
BENEFITS POLICIES APPLICABLE TO ALL EMPLOYEES</a>
</dt>
<dd class="accordion-content accordionItem is-collapsed" id="accordion1" aria-hidden="true">
<ul>
<p>Health Care Programs</p>
<li>Hospitalisation Insurance</li>
<li>Maternity Coverage</li>
<li>Annual Health Care Check</li>
</ul>
<ul>
<p>Disability Income Benefits</p>
<li>Short Term Disability Program</li>
<li>Total & Permanent Disability Program </li>
</ul>
<ul>
<p>Survivor Benefits</p>
<li>Accident Insurance (Life, Dismemberment, Disablement)</li>
<li>Business Travel (Including Overseas Medical/Accident Insurance)</li>
<li>Term Life Insurance</li>
</ul>
<ul>
<p>Retirement Programs</p>
<li>Gratuity</li>
<li>Provident & Family Pension Fund</li>
</ul>
<ul>
<p>Leave Benefits</p>
<li>“On Duty” Leave</li>
<li>Maternity Leave</li>
<li>National & Festival Holidays</li>
<li>Paternity Leave</li>
<li>Special Sick Leave</li>
<li>Condolence Leave</li>
<li>Privilege Leave & Accumulation</li>
</ul>
<ul>
<p>Others</p>
<li>Long Service Certificate</li>
<li>Recreational Activities</li>
<li>Employee Referral Program</li>
<li>Property Purchase </li>
<li>Hand Phone Purchase</li>
<li>Gifts on Marriage & New Born</li>
<li>Reward & Recognition Program – STAR & RAVE</li>
<li>Educational Assistance Program</li>
</ul>
</dd>
<dt>
<a href="#accordion2" aria-expanded="false" aria-controls="accordion2" class="accordion-title accordionTitle js-accordionTrigger">
EXPENSE POLICIES APPLICABLE </a>
</dt>
<dd class="accordion-content accordionItem is-collapsed" id="accordion2" aria-hidden="true">
<ul>
<li>Medical Reimbursement Expense Policy</li>
<li>Hand Phone Expense Reimbursement Policy</li>
<li>Computer Allocation Policy</li>
<li>Travel Expense Polices</li>
<li>Fuel & Maintenance Reimbursement Policy</li>
<li>Leave Travel Allowance Expense Policy</li>
</ul>
</dd>
<dt>
<a href="#accordion3" aria-expanded="false" aria-controls="accordion3" class="accordion-title accordionTitle js-accordionTrigger">
WORKPLACE STANDARDS APPLICABLE TO ALL EMPLOYEES
</a>
</dt>
<dd class="accordion-content accordionItem is-collapsed" id="accordion3" aria-hidden="true">
<ul>
<li>Working Hours</li>
<li>Retirement Age</li>
<li>Salary Revision & Promotions</li>
<li>Internal Job Posting</li>
<li>Resignation & Notice Pay / Period</li>
<li>Dress Standards</li>
<li>Equal Employment Opportunity</li>
<li>Email Etiquette Policy</li>
<!-- <li>Alcohol in the workplace</li> -->
<li>Prevention of Sexual Harassment </li>
<li>Prevention of Workplace Harassment</li>
<li>Substance Abuse (Incl. Tobacco, Drugs, Alcohol)</li>
<li>Policy on accepting gifts</li>
</ul>
</dd>
</dl>
</div>
<p class="emp-benifit-note">
<strong>Note:</strong> By adopting and maintaining this benefit program, the organisation has not entered into an additional or new employment contract with any employee. The organisation may choose to add new benefits or withdraw any or all of these benefits in part or in full whenever deemed necessary, depending upon business and market needs.
</p>
</div>
</section>
<?php if(!empty($testimonials)){?>
<section class="testimonial-sec aos-item" id="testimonial-sec">
<div class="container">
<h2>Testimonials</h2>
<div id="testimonial-slider" class="owl-carousel owl-theme">
<?php
foreach ($testimonials as $value) {
?>
<div class="item row">
<div class="col-md-3">
<div class="testi-img">
<img src="<?php echo base_url(); ?>uploads/testimonials/<?php echo $value['image'];?>" alt="<?php echo $value['title'];?>">
</div>
</div>
<div class="testi-desc col-md-9">
<p class="blockqte"><?php echo $value['description'];?> </p>
<div class="testi-name">
<p><strong><?php echo $value['title'];?>,</strong>
<?php echo $value['sub_title'];?></p>
</div>
</div>
</div>
<?php }?>
<!-- <div class="item row">
<div class="col-md-3">
<div class="testi-img">
<img src="<?php echo base_url(); ?>assets/images/test-img2.jpg" alt="">
</div>
</div>
<div class="testi-desc col-md-9">
<p class="blockqte">The reason I would love to work here is because it has its balance of creating a work friendly environment for its employees. Compared to the kind of efforts it expects from us, we are also provided with our share of recreation (long weekends included).IT’S OXYGEN TO ME… Working in an organisation with such high standards of achievements is not easy. It requires us to be focused & committed towar4 5ds better achievements. </p>
<div class="testi-name">
<p><strong>Leena Jain,</strong>
Deputy General Manager</p>
</div>
</div>
</div> -->
</div>
</div>
</section>
<?php }?>
<?php if(!empty($event_gallery)){?>
<section class="moments-sec aos-item" id="moments-sec">
<div class="container">
<h2>Omkar Moments</h2>
<!-- <div id="moments-slider" class="owl-carousel owl-theme">
<?php
foreach ($event_gallery as $value) {
if($value['default_status']=='1'){
?>
<div class="item">
<a class="fancybox" href="<?php echo base_url(); ?>uploads/event_gallery/<?php echo $value['image'];?>" rel="group<?php echo $value['category_id'];?>"><img src="<?php echo base_url(); ?>uploads/event_gallery/<?php echo $value['image'];?>" class="fancyb ox-image" title="<?php echo $value['alt_title'];?>" alt="<?php echo $value['alt_title'];?>"></a>
<h3><?php echo $value['event_name'];?></h3>
</div>
<?php }
}?>
</div> -->
<div id="moments-slider" class="owl-carousel owl-theme">
<?php
foreach ($event_gallery as $value) {
//if($value['default_status']=='1'){
?>
<div class="item">
<div class="consult-thumb">
<a href="<?php echo base_url(); ?>uploads/event_gallery/<?php echo $value['image'];?>" class="fancybox">
<img src="<?php echo base_url(); ?>uploads/event_gallery/<?php echo $value['image'];?>" alt="<?php echo $value['event_name'];?>">
</a>
</div>
</div>
<?php //}
}?>
</div>
<div style="display: none">
<?php
foreach ($event_gallery as $rz) {
?>
<a class="fancybox" href="<?php echo base_url(); ?>uploads/event_gallery/<?php echo $rz['image'];?>" title="<?php echo $rz['alt_title'];?>" rel="group<?php echo $rz['category_id'];?>"></a>
<?php }?>
<!-- <a class="fancybox" href="<?php echo base_url(); ?>assets/images/moment2.jpg" rel="group1"></a>
<a class="fancybox" href="<?php echo base_url(); ?>assets/images/moment3.jpg" rel="group1"></a>
<a class="fancybox" href="<?php echo base_url(); ?>assets/images/moment1.jpg" rel="group2"></a>
<a class="fancybox" href="<?php echo base_url(); ?>assets/images/moment2.jpg" rel="group2"></a>
<a class="fancybox" href="<?php echo base_url(); ?>assets/images/moment3.jpg" rel="group2"></a> -->
</div>
</div>
</section>
<?php }?>
<section id="campus-speak">
<div class="campus-speak-containet">
<div class="container">
<h3 class="text-center text-uppercase">Campus Speak</h3>
<p>
We hire people with an inclination to excel in various domains from various management and Graduate institutes in Mumbai, Pune etc. Students are placed across various departments of Omkar for internship and final placements. As a student, we offer you the opportunity to gain initial experience in the real world of a global company and thus take the first steps towards your professional future.
</p>
<div id="campus-speak-expand">
<p>
Omkar provides a rich career experience for its interns across the department. We see these opportunities as a true win-win experience for both the student, who is able to experience the corporate environment and contribute meaningful work, and the organization, which benefits from fresh perspectives and thinking. The internship program also develops a robust new college graduate pipeline for the entire organization. As an intern one will be able to gain exposure to senior leaders, work on cross functional projects and collaborate with employees across projects as required. We provide tools and experience to succeed in the workforce.
</p>
<p>
For campus recruits also all determined, talented and passionate people who bring fresh, innovative thinking are key to building on our high end projects. We are committed to supporting the growth and development of our future leaders in meaningful ways to achieve their full potential as part of our high-performance culture.
</p>
<p>
In order to get the best on board we recruit from various colleges like Chetana’s, Sardar Patel College of Engineering, Pune Institute of Business Management etc. after which they are put through the desired department and are assigned a Buddy. A three day induction is also arranged which is a structured classroom program and ensures an introduction to the company, its processes and the values followed in the organization. Fresher gets to work alongside experienced professionals to further groom them for leadership roles in the future. We believe in developing our talent so as to ensure that they are able to achieve the best of their capabilities.
</p>
</div>
<span id="toggle">Read More</span>
</div>
</div>
</section>
<h2 class="m-t-40">Our campus Partner</h2>
<section class="camp-partner">
<div class="container">
<ul>
<li><img src="<?php echo base_url(); ?>assets/images/camp-partner1.png" alt=""></li>
<li><img src="<?php echo base_url(); ?>assets/images/camp-partner2.png" alt=""></li>
<li><img src="<?php echo base_url(); ?>assets/images/camp-partner3.png" alt=""></li>
</ul>
</div>
</section>
<section id="contact-email">
<h3>Email Us</h3>
<ul>
<li>MT & GET & Interns : </li>
<li>
<a href="mailto:campus@omkar.com<">
<span><i class="fa fa-envelope-o" aria-hidden="true"></i></span> campus@omkar.com</a>
</li>
<li>
<a href="mailto:interns@omkar.com"> <span><i class="fa fa-envelope-o" aria-hidden="true"></i></span>interns@omkar.com</a>
</li>
</ul>
</section>
<?php $this->load->view('sub_footer'); ?>
</div>
<?php $this->load->view('footer'); ?>
<script type="text/javascript">
$(document).ready(function() {
$("#toggle").click(function() {
var elem = $("#toggle").text();
if (elem == "Read More") {
$("#toggle").text("Read Less");
$("#campus-speak-expand").slideDown();
} else
{
$("#toggle").text("Read More");
$("#campus-speak-expand").slideUp();
}
});
$('#images-slider-career').owlCarousel({
nav:true,
margin: 30,
dots: false,
navText:["<",">"],
responsive:{
0:{items:1},
576:{items:2},
1000:{items:3}
}
});
});
$(function () {
$('#moments-slider a.fancybox').removeClass('fancybox').removeAttr('href');
});
/***Custom accordian ***/
/*$(function() {
function toggleChevron(e) {
$(e.target)
.prev('.panel-heading')
.find("i")
.toggleClass('rotate-icon');
$('.panel-body.animated').toggleClass('zoomIn zoomOut');
}
$('#accordion').on('hide.bs.collapse', toggleChevron);
$('#accordion').on('show.bs.collapse', toggleChevron);
});*/
//uses classList, setAttribute, and querySelectorAll
//if you want this to work in IE8/9 youll need to polyfill these
(function(){
var d = document,
accordionToggles = d.querySelectorAll('.js-accordionTrigger'),
setAria,
setAccordionAria,
switchAccordion,
touchSupported = ('ontouchstart' in window),
pointerSupported = ('pointerdown' in window);
skipClickDelay = function(e){
e.preventDefault();
e.target.click();
}
setAriaAttr = function(el, ariaType, newProperty){
el.setAttribute(ariaType, newProperty);
};
setAccordionAria = function(el1, el2, expanded){
switch(expanded) {
case "true":
setAriaAttr(el1, 'aria-expanded', 'true');
setAriaAttr(el2, 'aria-hidden', 'false');
break;
case "false":
setAriaAttr(el1, 'aria-expanded', 'false');
setAriaAttr(el2, 'aria-hidden', 'true');
break;
default:
break;
}
};
//function
switchAccordion = function(e) {
console.log("triggered");
e.preventDefault();
var thisAnswer = e.target.parentNode.nextElementSibling;
var thisQuestion = e.target;
if(thisAnswer.classList.contains('is-collapsed')) {
setAccordionAria(thisQuestion, thisAnswer, 'true');
} else {
setAccordionAria(thisQuestion, thisAnswer, 'false');
}
thisQuestion.classList.toggle('is-collapsed');
thisQuestion.classList.toggle('is-expanded');
thisAnswer.classList.toggle('is-collapsed');
thisAnswer.classList.toggle('is-expanded');
thisAnswer.classList.toggle('animateIn');
};
for (var i=0,len=accordionToggles.length; i<len; i++) {
if(touchSupported) {
accordionToggles[i].addEventListener('touchstart', skipClickDelay, false);
}
if(pointerSupported){
accordionToggles[i].addEventListener('pointerdown', skipClickDelay, false);
}
accordionToggles[i].addEventListener('click', switchAccordion, false);
}
})();
/***Custom accordian ***/
</script>
</body>
</html>
........