次のjqueryがあります。これは基本的にコンテンツ スライダーであり、id を持つリンクをクリックするとslick-toggle1
、一致する content が下にスライドしますslickbox1
。などと同じslick-toggle2 --> slickbox2
です。
$('a.clickdown').each(function() {
var $this = $(this);
var index = $this.attr('id').match(/(\d+)$/, '');
var number = parseInt(index[1]);
$this.click(function() {
$('#slickbox' + number).slideToggle(400);
$this.toggleClass('opened').blur();
return false;
});
});
個々のリンクをクリックすると、対応する領域が積み重ねられます。しかし、私が達成したいのは、クリックすると表示されますが、他のものは非slick-toggle2
表示になると言うことですslickbox2
(そうslickbox1
& slickbox3
)。