Проблемы с реакцией bootstrap аккордеон - PullRequest
Новая
       35

Проблемы с реакцией bootstrap аккордеон

0 голосов
/ 12 июля 2020

Я пытаюсь сделать аккордеон, где при нажатии на один из элементов ниже появляется маркированный список. Аккордеон находится внутри группы списков внутри карточки, и я хочу, чтобы каждый переключаемый элемент был элементом группы списков. Вот что у меня сейчас: 

<Accordion>
<Card>
    <Card.Img variant="top" src={img} />
    <Card.Body>
    <Card.Title>Title</Card.Title>
    <Card.Text>
        <ListGroup>
            <ListGroupItem>
                <Accordion.Toggle as={"Button"} variant="link" eventKey="0">
                    Item in List
                </Accordion.Toggle>
            </ListGroupItem>
            <Accordion.Collapse eventKey="0">
                <ul>
                    <li>Some stuff</li>
                </ul>
            </Accordion.Collapse>
        </ListGroup>
    </Card.Text>
    </Card.Body>
</Card>
</Accordion>

, но проблемы двоякие. Во-первых, как только я щелкну элемент, чтобы развернуть ul, если я снова щелкну по нему, ul не будет go, как предполагалось, и я не уверен, как исправить. Во-вторых, кнопка выглядит вот так (цвет не тот, но форма и контур et c такие):

введите описание изображения здесь

, но я бы просто хотел, чтобы это был текст с синим подчеркиванием, как для ссылки. Каким образом я могу исправить эти проблемы?

...