').attr({
class: 'p-category--pulldown__parent__title'
});
if (value['child'].length) {
$p.append(value['name']);
$li.append($p);
} else {
$a = $('').attr({
itemprop: 'url',
target: '_top'
});
if (value['categoryId'] !== undefined) {
$a.attr({
href: BASE_URL + '/' + "fabricbird" + '/c/' + ('0000000000' + value['categoryId']).slice(-10)
});
} else if (value['categorySetId'] !== undefined) {
$a.attr({
href: BASE_URL + '/' + "fabricbird" + '/s/' + value['categorySetId']
});
}
$a.append(value['name']);
$p.append($a);
$li.append($p);
}
// 子カテゴリ loop 処理
let $ul = $('');
value['child'].forEach(function(childValue) {
let $li = $('
').attr({
id: "sidenav_category_pulldown_115217627"
});
$ul.append(htmlList);
$('.p-category--pulldown .container').html($ul);
});
/**
* event
*/
$(document).on('click', 'p.p-category--pulldown__parent__title', function(e){
e.preventDefault();
/**
* 親カテゴリが link の場合遷移
*/
if ($(this).children('a').text().length) {
let href = $(this).children('a').attr('href');
top.location.href = href;
}
/**
* 子カテゴリ toggle
*
* click で開く pulldown は一つ. 他は閉じる.
*/
// 既に開いているカテゴリが再選択された場合は何もせず return
if ($(this).parent().hasClass('down')) {
return;
}
// 初期化_全ての子カテゴリを閉じる
$("#sidenav_category_pulldown_115217627").find('li.p-category--pulldown__child').css('display', 'none');
// 子カテゴリ表示
$(this).parent().find('li.p-category--pulldown__child').toggle(200);
/**
* デザイン調整
*/
// 初期化_全ての down class を外す
$('li.p-category--pulldown__parent').each(function(index, element){
$(element).removeClass('down');
});
// 親カテゴリ矢印を消す
$(this).parent().toggleClass('down');
// 子カテゴリ下線を消す
$(this).parent().find('li.p-category--pulldown__child:last-child').css('border-bottom', '0');
});
});
メルマガ登録