【jQuery】表示するコンテンツの量が多い場合は、toggleのアニメーションはslideじゃなくてfadeがいいと思う

長いタイトルだけど短く。

アコーディオンを適応するコンテンツの量が多い場合、slideToggle()を使うとなんか「...パッ！」みたいな感じで表示されるのでかっこ良くない。

恐らくコンテンツ量にスライドのアニメーションがあまりにも速くなったせいだと思うが、ならばとslideToggle('slow')にしても見た目変わらず。

そういう場合はスライドは捨ててフェードにしちゃいなよ。

下のコードは対象のhtmlクラスにホバーしたら表示させたい.accordion-bodyをフェードイン・アウトさせる。

$(function() {
    $('.accordion').hover(function(){
        $(this).stop().toggleClass('active');
        $(this).find('.accordion-body').stop().fadeToggle('slow');
    },function() {
        $(this).stop().toggleClass('active');
        $(this).find('.accordion-body').stop().fadeToggle('slow');
    });
});

当たり前だがスライドみたいな機敏さは感じられないが、多少ましになったかなとは思う。

ApacheでSSLを対応する

自己証明書を作って対応しました。

参考サイトはこちら

Apache/SSL自己証明書の作成とmod sslの設定 - maruko2 Note.

証明書作成したあとにこんなエラーが。

$ sudo apachectl -t
httpd: Syntax error on line 221 of /etc/httpd/conf/httpd.conf: Syntax error on line 1 of /etc/httpd/conf.d/ssl.conf: Cannot load /etc/httpd/modules/mod_ssl.so into server: /etc/httpd/modules/mod_ssl.so: cannot open shared object file: No such file or directory

mod_ssl.soがインストールされていないもよう。。。えーっ！

でも、yumでインストールしたらそれでやれば良い。

$ sudo yum install -y open_ssl mod_ssl

ssl.confなどは勝手に作成される。

$ sudo apachectl -t
Syntax error on line 4 of /etc/httpd/conf.d/ssl.conf:
Invalid command 'SSLPassPhraseDialog', perhaps misspelled or defined by a module not included in the server configuration

これはmod_ssl.soがロードされていないから。

ssl.confをそのままにしておけばよかったけど、自分で作成してしまったから。

自作したconfigに下記を一番上に記述すればおｋ

LoadModule ssl_module modules/mod_ssl.so