"FAQ Part"
Bootstrap 4.1.1 Snippet by ranjit1602

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!-- https://www.kookai.com.au/pages/faq -->
<div class="accordion">
<div class="accordion-section">
<a href="#accordion-2" class="accordion-section-title">Changing or cancelling orders <span class="plus">+</span><span class="minus">-</span></a>
<div id="accordion-2" class="accordion-section-content" style="display: none;">
<p>Should you wish to change your order after your payment has been processed, please call us immediately on +613 8290 0599 and we will try our best to accommodate your request.· There may be some instances where we are unable to modify your order.</p>
<p>Should you wish to cancel your order after payment has been processed, please call us immediately on +613 8290 0599<span class="Apple-style-span">·<span>and we will try our best to accommodate your request.·</span></span>We are unable to cancel orders after items have been shipped.</p>
</div>
</div>
<div class="accordion-section">
<a href="#accordion-3" class="accordion-section-title">Payment <span class="plus">+</span><span class="minus">-</span></a>
<div id="accordion-3" class="accordion-section-content" style="display: none;">
<p>All payments for items purchased through the <span>KOOKAÏ</span>·online will be made through a secure payment gateway. A proof of purchase receipt for the transaction will be sent to you along with your purchase.</p>
<p>We accept: Visa, Mastercard, AMEX, PayPal and Afterpay (for Australian customers only).·</p>
<p>KOOKAÏ Gift Cards can be redeemed online and·are subject to terms and conditions as contained on the card.·</p>
</div>
</div>
<div class="accordion-section">
<a href="#accordion-4" class="accordion-section-title">Afterpay <span class="plus">+</span><span class="minus">-</span></a>
<div id="accordion-4" class="accordion-section-content" style="display: none;">
<p>KOOKAÏ proudly offers Afterpay to Australian customers as a payment option for purchases made through our E-Boutique. Afterpay is an interest free, deferred payment method that allows you to shop now, receive now, and pay later via four equal fortnightly instalments.</p>
<p><strong>Making a payment with Afterpay</strong></p>
<p>You can complete your KOOKAÏ E-Boutique purchase with Afterpay by selecting ‘Afterpay’ as your payment method at checkout and entering in your existing Afterpay account details or registering for a new Afterpay account.</p>
<p>For customers using Afterpay for the first time, your first instalment will be processed at the time of purchase. For existing Afterpay customers, your first instalment will be processed 14 days from the date of purchase.·There is no minimum purchase requirement to use Afterpay·in the KOOKAÏ E-Boutique, however maximum transaction limits apply to your Afterpay account, which may vary from time to time. You can check your personal transaction limit by logging into your <a href="https://www.afterpay.com/en-AU/login" target="_blank" rel="noopener noreferrer">Afterpay account.</a>·Afterpay may require ID Verification to use Afterpay as a payment option. For more information on this process please visit the·<span style="text-decoration: underline;"><a href="https://help.afterpay.com/hc/en-us/sections/360000137866-ID-Verification" target="_blank" rel="noopener noreferrer">Afterpay Website.·</a></span></p>
<p>Please note, Afterpay may impose late payment fees if you are unable to make a payment by the scheduled date. Late payments currently incur a $10 late payment fee, with an additional $7 fee where a payment remains outstanding for a total period of 7 days. If you have any questions in relation to fees, payments or your Afterpay account, please contact Afterpay·directly <a href="https://www.afterpay.com.au/" target="_blank" rel="noopener noreferrer">here</a>, as KOOKAÏ are unable to assist with enquiries relating to fees or accounts.</p>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
a {
text-decoration: none;
}
.accordion,.accordion * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.accordion {
overflow: hidden;
background: #ffffff;
border-top: 1px solid #acacac;
margin: 40px 0;
}
.accordion-section {
border-bottom: 1px solid #acacac
}
.accordion-section-title {
width: 100%;
padding: 15px 5px;
display: inline-block;
position: relative;
background: #ffffff;
color: #1a1918;
transition: all linear 0.15s
}
.accordion-section-title:focus {
color: #1a1918
}
.accordion-section-title .plus,.accordion-section-title .minus {
position: absolute;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$(document).ready(function() {
function close_accordion_section() {
$('.accordion .accordion-section-title').removeClass('active');
$('.accordion .accordion-section-content').slideUp(300).removeClass('open');
}
$('.accordion-section-title').click(function(e) {
// Grab current anchor value
var currentAttrValue = $(this).attr('href');
if($(e.target).is('.active')) {
close_accordion_section();
}else {
close_accordion_section();
// Add active class to section title
$(this).addClass('active');
// Open up the hidden content panel
$('.accordion ' + currentAttrValue).slideDown(300).addClass('open');
}
e.preventDefault();
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vue Light Bootstrap Dashboard

Questions / Comments: