クリスマスにピッタリのサービスはこちら「クリスマス特集」

クリスマスのお買い物もニフティポイントクラブで!

クリスマス特集

おすすめサービス

ポイント大放出!

ポイントが貯まるショップ・サービスを検索

マイショップもっと見る
旧お気に入り

@nifty光の友達紹介

@nifty光 CM放映中!

「電話で安心・みんなでニフティ」の動画CM放映中です!

お知らせを見る


'); outer.after('
'); scroll(grid, 1); }); $('.grid__slider.mod-prev').on('click', function(){ var page = $(this).closest('.grid__outer').data('page'); scroll($(this), page-1); }); $('.grid__slider.mod-next').on('click', function(){ var page = $(this).closest('.grid__outer').data('page'); scroll($(this), page+1); }); } }); function scroll(obj, page) { var outer = obj.closest('.grid__outer'); var max = outer.data('max-page'); var item = outer.find('.grid__item').first(); if (page < 1) page = 1; if (page > max) page = max; outer.data('page', page); if (page == max) { var x = -outer.data('last'); item.css('margin-left', x + 'px'); outer.find('.grid__slider.mod-prev').show(); outer.find('.grid__slider.mod-next').hide(); } else if (page == 1) { item.css('margin-left',0); outer.find('.grid__slider.mod-prev').hide(); outer.find('.grid__slider.mod-next').show(); } else { var x = -outer.data('first')-outer.data('inc')*(page-2); item.css('margin-left', x + 'px') outer.find('.grid__slider.mod-prev').show(); outer.find('.grid__slider.mod-next').show(); } } jQuery(document).ready(function() { // コピーボタン $('.js-copyButton').on('click', function() { target = $(this).data('target'); copied = copyCode(target); if (copied) { $(this).next().blur(); $(this).stop().addClass('is-copied'); $(this).delay(1500).queue(function() { $(this).removeClass('is-copied').dequeue(); }); } }); }); function copyCode(id) { //要素の取得 var element = document.getElementById(id); //rangeオブジェクトの作成 var range = document.createRange(); //取得した要素の内側を範囲とする range.selectNodeContents(element); //範囲を選択状態にする window.getSelection().removeAllRanges(); window.getSelection().addRange(range); var copied = document.execCommand('copy'); return copied; } // アコーディオン $(document).ready(function(){ $('.js-accordionButton').on('click', function() { var target = $(this).data('target'); $('#'+target).toggleClass('is-opened'); $(this).find('.js-accordionButtonIcon').toggleClass('mod-r180'); //return false; }); }); $(document).on('click', function (e) { if (!$(e.target).closest(".js-accordionButton").length) { $('#js-otherMenu').removeClass("is-opened"); } }); /* ]]> */