Изменить размер аккордеона jQuery при нажатии

Question

Это возможно?

У меня есть контент, который отображается с разным размером ширины. Иногда контент распространяется через браузер, в то время как часть контента охватывает четверть браузера. Я хочу установить размер ширины гармошки примерно на 50%, но при нажатии увеличивается до 100%, чтобы вместить большой контент.

Сейчас, когда вся ширина аккордеона установлена ​​на 100%, это выглядит очень неловко.

Я использую пример, найденный в этом руководстве: http://jqueryui.com/accordion/

По умолчанию стиль устанавливает ширину на 100%. Мне пришлось создать класс-обертку, чтобы переопределить этот стиль до 50%, но опять же, когда я расширяю аккордеон большим содержимым, он не отображает все это, поэтому вам придется прокручивать его вбок, чтобы увидеть его.

Так что в настоящее время моя функция аккордеона это

<script>
  $(function() {
    $( "#accordion" ).accordion({
      collapsible: true,
      heightStyle: "content"
    });
  });
</script>

Answer 1

Не уверен, что это решение, но я нашел другой виджет аккордеонного стиля, который позволяет мне выбирать размер "заголовка", но расширяется, чтобы соответствовать содержанию: Всегда держать открытым один раздел с помощью AngularUI Collapse

Answer 2

Без дополнительной информации вот потенциальное решение для установки всех аккордеонов на ширину окна...

$('.accordion').width($(window).width());