備忘録
タブ切り替え
<![CDATA[
$(function(){
$('.tabMenu li').click(function(){
var num = $('.tabMenu li').index(this);
$('.tabMenu li').removeClass('select');
$('.tabContents').removeClass('select').hide();
$(this).addClass('select');
$('.tabContents').eq(num).addClass('select').show();
});
});
]]>
アコーディオンメニュー
<![CDATA[
$(function(){
$('.toggleBox').hide();
$('.toggleMenu').click(function(e){
$('.toggleBox').slideUp();
$('.toggleMenu').removeClass('open');
if($('+.toggleBox',this).css('display') == 'none'){
$('+.toggleBox',this).slideDown();
$(this).addClass('open');
}
});
});
$(function(){
$('.toggleBox').hide();
$('.toggleMenu').click(function(e){
$('+.toggleBox',this).slideToggle();
$(this).toggleClass('open');
});
});
]]>
ウィンドウサイズ
<![CDATA[
if(window.matchMedia('(min-width:○○px)').matches){
～ ここに条件がマッチした場合の処理を記述 ～
} else {
～ ここに条件がマッチしなかった場合の処理を記述 ～
}
$(window).resize(function(){
var w = $(window).width();
var x = 767;
if (w <= x) {
～ ここに条件がマッチした場合の処理を記述 ～
} else {
～ ここに条件がマッチしなかった場合の処理を記述 ～
}
});
]]>
ブラウザ判定
<![CDATA[
var userAgent = window.navigator.userAgent.toLowerCase();
if (userAgent.indexOf('chrome') != -1) {
//Chromeでの処理
}
if (userAgent.indexOf('safari') != -1) {
//Safariでの処理
}
if (userAgent.indexOf('firefox') != -1) {
//Firefoxでの処理
}
if(useragent.indexOf('edge') != -1) {
//Edgeでの処理
}
if (useragent.indexOf('opera') != -1) {
//Operaでの処理
}
]]>
タイマー
<![CDATA[
$(function(){
var startDateTime = new Date();
//期限の日時を設定
var endDateTime = new Date('July 9,2020 0:0:00');
if(startDateTime >= endDateTime){
//過ぎたとき
$('[data-timer="end"]').remove();
}else{
//まだ過ぎていない
$('[data-timer="start"]').remove();
}
});
]]>
