普段目にするアコーディオンは大抵トリガーとなるボタンの下にペロッと展開しますが、 トリガーの上に開き、かつ展開時はトリガーが非表示になるアコーディオンを実装する機会があったのでメモ。 参考にさせていただいたのはこちらです。 →クリックすると上に開くアコーディオン $(function(){ $(".acordion").hide(); $(".triger").click(function(){ $(".content").prev().slideToggle(); $(this).parent().css("display","none"); }); $(".acordion .close").click(function(){ $(".acordion").slideToggle(); $(".triger").parent().css("display","block"); });
![トリガーの上に展開するアコーディオン](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)