オーバーフロー要素を横にスライド

情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。

ポップアップを含む要素を横に並べてスライドしたいのだが、bxsliderだと中のポップアップが動作しないので、あれこれ探して、こちらのスクリプトでうまく行った。

サンプルでは数値で設定されているところをjQueryで要素幅を取得などいくらかアレンジした。
スライドさせる要素の幅もスタイルシートで数値で設定しないとはみ出すので、ここもjQueryでインラインにいれることでうまく行った。

$('.内側の要素').css('width', $('外側の要素').width());
var windowSize = window.outerWidth;
if (windowSize >= 1024) {
  $('.内側の要素').css('width', $('外側の要素').width() / 2);
} else {
  $('.内側の要素').css('width', $('外側の要素').width());
}