JSFiddle - React, Tailwind, and code Playground

HTML

<head>
    <script type="text/javascript" src="http://yandex.st/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.js"></script>
    <script type="text/javascript">
    animatedcollapse.addDiv('jason', 'fade=1, speed=500, height=0px');
    animatedcollapse.ontoggle=function($, divobj, state){//fires each time a DIV is expanded/contracted
    //$: Access to jQuery
    //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
    //state: "block" or "none", depending on state
    }
    animatedcollapse.init()
    </script>
</head>

<body>
    <div id="jason" style="width: 200px; height:200px; background-color:black; display:none">
        <a style="color:white;">если js включен - работает в стандартном режиме слайда, если отключен - кнопка превращается в ссылку при нажатии на которую переходим на другую страницу</a>
    </div>
    <a href="javascript:animatedcollapse.toggle('jason')">кнопка</a>
</body>