аккордеон скользит вниз, прерывая страницу

#javascript #jquery #html #css

#javascript #jquery #HTML #css

Вопрос:

Я делал некоторую работу, чтобы узнать о jquery и других вещах в javascript, и в то же время пытался создать что-то новое в стиле панели инструментов, просто для изучения, но в середине этого я добавил accordion, но он выпускает другие вещи, которые я не хочу, есливы, ребята, можете взглянуть на мой проект codepen, я буду благодарен. Проблема, которую я ищу для решения, заключается в том, что фрейм «Действия игрока» наследует те же свойства «Анализатора стратегий», и когда я опускаю «Резюме», они делают то же самое на остальной части страницы.

Я использую это для аккордеона:

 $(document).ready(function(){
  $('.accordionContent').hide();
  $('.accordionTitle').on('click', function(){
    $(this).next().slideToggle(500);
  });
});
  

Остальной код, html и css, находятся по ссылке.

Проект CodePen здесь

Спасибо за все.

Комментарии:

1. Вам нужно установить высоту в ‘.frame’, а затем добавить фрейм с аккордеоном, открывающим ‘max-height’, возможно, через новый класс. или создайте 2 отдельных «contentBody»

2. @Aschab Но установка высоты не будет блокировать растяжение фрейма?

Ответ №1:

Я просто добавил новый класс во второй фрейм, и, похоже, он работает.

 .nocollapse {
   height: 300px;
   overflow: hidden;
}
  

Демонстрация Codepen

Комментарии:

1. Но это выглядит так же, «Действия игрока» растягиваются с помощью анализатора стратегий, что мне нужно, так это сохранить «действия игрока» с его собственным размером и изменять размер слайда вниз / вверх только в «анализаторе стратегий». Содержимое будет сгенерировано после, с помощью скрипта, но мне еще нужно это сделать =)

2. Ах, я только что заметил, что это тоже не расширялось. Итак, я просто предположил, что это так и было. Посмотрим сейчас.

3. Спасибо, это именно то, что мне нужно.

4. @RogerSimons можете ли вы проголосовать за это как за ответ, чтобы он не просто сидел. Приветствия.