Использование Раскрывающийся список от Semanti c -UI (автономно)
Как видно из приведенного ниже примера, при переключении на dropdown вы видите хороший переход
dropdown
$('.ui.dropdown') .dropdown();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" integrity="sha256-9mbkOfVho3ZPXfM7W8sV2SndrGDuh7wuyLjtsWeTI1Q=" crossorigin="anonymous" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js" integrity="sha256-t8GepnyPmw9t+foMh3mKNvcorqNHamSKtKRxxpUEgFI=" crossorigin="anonymous"></script> <div class="ui selection dropdown"> <input type="hidden" name="gender"> <i class="dropdown icon"></i> <div class="default text">Gender</div> <div class="menu"> <div class="item" data-value="1">Male</div> <div class="item" data-value="0">Female</div> </div> </div>
Теперь я хочу использовать раскрывающийся список Semanti c -UI / ReactJS, как вы видите по этой ссылке переход не работает! Есть ли способ смешать Переход с Dropdown? или исправить переход с помощью css или даже дополнительного JS?
css
JS