###前提・実現したいこと
Bootstrapのcollapseを修正して展開中(collapsing)の高さを変えたいのですが
どこを修正したらいいのか分からず悩んでいます。
###該当のソースコード
var Collapse = function (element, options) { this.$element = $(element) this.options = $.extend({}, Collapse.DEFAULTS, options) this.$trigger = $('[data-toggle="collapse"][href="#' + element.id + '"],' + '[data-toggle="collapse"][data-target="#' + element.id + '"]') this.transitioning = null if (this.options.parent) { this.$parent = this.getParent() } else { this.addAriaAndCollapsedClass(this.$element, this.$trigger) } if (this.options.toggle) this.toggle() } Collapse.VERSION = '3.3.7' Collapse.TRANSITION_DURATION = 350 Collapse.DEFAULTS = { toggle: true } Collapse.prototype.dimension = function () { var hasWidth = this.$element.hasClass('width') return hasWidth ? 'width' : 'height' } Collapse.prototype.show = function () { if (this.transitioning || this.$element.hasClass('in')) return var activesData var actives = this.$parent && this.$parent.children('.panel').children('.in, .collapsing') if (actives && actives.length) { activesData = actives.data('bs.collapse') if (activesData && activesData.transitioning) return } var startEvent = $.Event('show.bs.collapse') this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return if (actives && actives.length) { Plugin.call(actives, 'hide') activesData || actives.data('bs.collapse', null) } var dimension = this.dimension() this.$element .removeClass('collapse') .addClass('collapsing')[dimension](0) .attr('aria-expanded', true) this.$trigger .removeClass('collapsed') .attr('aria-expanded', true) this.transitioning = 1 var complete = function () { this.$element //ブレークポイント1 .removeClass('collapsing') .addClass('collapse in')[dimension]('') this.transitioning = 0//ブレークポイント2 this.$element .trigger('shown.bs.collapse') }
###状況
ブレークポイント1では展開の高さが高くなりすぎ無駄な余白ができます。
ブレークポイント2で展開の高さはコンテンツと同じに、丁度よい高さとなります。
挙動としては一瞬余白ができた後に丁度良い高さとなります。
この一瞬余白ができるのをなくしたくいろいろためしているのですが意図する挙動となりません。
###補足情報(言語/FW/ツール等のバージョンなど)
wordpress4.7.2
bootstrap3.3.7
jquery1.12.4
wp_bootstrap_navwalker.php使用
※WordPressでBootstrap 3のドロップダウンメニューを簡単に導入出来るPHPファイル
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/04/25 06:06