Javascript gak mau jalan

studycase nih ane kasih ss

dari gambar diatas harusnya show more tersebut bisa di click dan akan memperlihatkan isi artikel berikutnya tapi entah kenapa itu text klo di klik gak mau jalan berikut adalah script html dan script jsnya thanks

dan codenya adalah ini

<div class="text-container">
                        <div class="text-content short-text">
                            <?php the_content();?>
                        </div>
                        <div class="show-more">
                            <a href="#">Show more</a>
                        </div>
                    </div>
                    <script type="text/javascript">
                        $(".show-more a").each(function() {
                            var $link = $(this);
                            var $content = $link.parent().prev("div.text-content");

                            console.log($link);

                            var visibleHeight = $content[0].clientHeight;
                            var actualHide = $content[0].scrollHeight - 1;

                            console.log(actualHide);
                            console.log(visibleHeight);

                            if (actualHide > visibleHeight) {
                                $link.show();
                            } else {
                                $link.hide();
                            }
                        });

                        $(".show-more a").on("click", function() {
                            var $link = $(this);
                            var $content = $link.parent().prev("div.text-content");
                            var linkText = $link.text();

                            $content.toggleClass("short-text, full-text");

                            $link.text(getShowLinkText(linkText));

                            return false;
                        });

                        function getShowLinkText(currentText) {
                            var newText = '';

                            if (currentText.toUpperCase() === "SHOW MORE") {
                                newText = "Show less";
                            } else {
                                newText = "Show more";
                            }

                            return newText;
                        }
                    </script>