Is there a way to add expand/collapse method to has_many inputs in form

[IshmeetSingh06]

I have a has_many association for my model here is my form:

f.inputs "Fruits", class: "input-group-box", id: "fruits" do
          f.has_many :apples, allow_destroy: true, heading: "Apples" do |apple|
            apple.input :creator_type, as: :hidden, input_html: { value: "AdminUser" }
            apple.input :status, collection: Apple.statuses.keys
          end
end

now the problem if i go into the edit form and there are lots and lots of entires i have to scroll down a lot, so i was wondering is there a way to add a expand and collapse option to this like an accordion in react?

Apple-name Expand