0
我已經制作了一個自定義滑塊..有一點幫助..當點擊下一個按鈕時,我需要一些幫助來定位圖像。滑塊內的目標圖像
我codepen在這裏 https://codepen.io/erayner/pen/LLBwOj
本質上講,當我點擊下一步按鈕我只是想隱藏的圖像之一。
//example of one of the slides
<div class="row slide slide2">
<div class="col-sm-6 slide2-container">
<div class="slide2-container1">
<h4>Burglar</h4>
<p>A burglar looks for an easy entry point</p>
<ul>
<li>Unlocked doors</li>
<li>Open windows</li>
</ul>
<p>To keep burglars out, effective security should</p>
<p><span>Discover</span> them on the edge of your property before they get in.</p>
<p><span>Enforce</span> existing security measures to maintain high security standards.</p>
<p><span>Harden</span> security tools to make entry difficult.</p>
</div>
<div class="slide2-container2">
<h4>Cyber Hacker</h4>
<p>Cyber attackers look for easy entry points</p>
<ul>
<li>Social engineering/phishing to get an unsuspecting user to expose their network credentials or install malware</li>
<li>Exploiting a vulnerability in a web-based application or service</li>
</ul>
<p>To keep attackers out, effective security should</p>
<p><span>Discover</span> when malicious sites, applications or downloads are being accessed.</p>
<p><span>Enforce</span> existing security measures to block this activity.</p>
<p><span>Harden</span> security tools to make entry difficult before a connection is established.</p>
</div>
</div>
<div class="col-sm-6 slide2">
<img src="http://ciscosecurity.co.nz/test-images/state-2.svg" class="svg svg1">
<img src="http://ciscosecurity.co.nz/test-images/state-1.svg" class="svg">
</div>
</div>
//jquery im trying to get to hide '.active .svg(1,2,3)'
jQuery('.arrow-left, .arrow-right').click(function (e) {
e.preventDefault();
if ($('.active').hasClass('slide2')) {
$('.svg2').hide();
} else {
$('.svg2').show();
}
t($(this));
});
任何幫助非常感謝。 乾杯
編輯:更新的jQuery - >「上一個」按鈕無法使用代碼,但「下一個」不
能否請您複製從Codepen所有相關的代碼放到你的問題?請參閱[mcve]瞭解包含的內容。謝謝! –
更新,歡呼聲 – erayner