点击链接时，链接需要替换为内容

Question

我有2个div，第一个只是一个链接，

 <div id="click1" class="grid-66 mobile-grid-100 user-photo-tag-click" style="display:block" onclick="replace()"> <a href="#">CLICK AND SHOW TAGS</a>

        </div>

第二个是照片标签列表，

<div id="click2" class="grid-66 mobile-grid-100 user-photo-tag" style="display:none">
            <ul>
                <li><a href="#">RACE SHOP</a>

                </li>
                <li><a href="#">AAA</a>

                </li>
                <li><a href="#">77</a>

                </li>
            </ul>
        </div>

我正在设置它，以便在点击链接时，它会消失并且照片标记会显示在其位置。我在这里开始了一个JSFIDDLE https://jsfiddle.net/patricksharer/g43t1bnh/，以便我可以干净地查看我的代码。我的javascript函数似乎不起作用。可以somone请看看，告诉我为什么？感谢