React how to make slideDown animation correct?

Question

React

Customizing dropdown animation with ReactCSSTransitionGroup. That is, when you click on an element, a list appears.

<ReactCSSTransitionGroup
                        transitionName="anim"
                        transitionAppear={true}
                        transitionAppearTimeout={1000}
                        transitionEnter={false}
                        transitionLeave={false}
                    >
                        { this.props.shows[this.props.projectId] ?

                            <div className="projli__content">
                                <div className="projli__content-collapse collapse show" id="mpCollapse1">
                                    <div className="clearfix">
                                        <div className="projli__content-in">

                                            <ListSequenceContainer  projectId={this.props.projectId} />

                                        </div>
                                    </div>
                                </div>
                                <div className="projli__footer">
                                    <div className="projli__nav">
                                        <button className="btn btn-sm btn-indigo" onClick={this.showTypeAsset}>
                                            + asset
                                        </button>
                                    </div>
                                </div>
                            </div>

                        : ""}
                    </ReactCSSTransitionGroup>

But there is a problem because the list items have another drop down list. Question: how to make the animation work only for the top list?