页面换行隐藏元素

Question

我想隐藏带有id（#prev-project）的html元素，只有在我的页面换行打开时才选择project-family1.html。

当我在页面包装中打开project-adaptation1.html然后我想隐藏带有id的元素（＃next-project）。

有没有人知道如何做到这一点。

这是jsfiddle链接：https://jsfiddle.net/duxzzzz/L0we7s40/

<div id="portfolio-wrap">
        <div id="portfolio-page">
            <div id="portfolio-content">
                <div class="container ajaxContainer">
                    <div id="protfolio-control">
                        <div class="row">
                            <div class="col-md-4 col-sm-4 col-xs-4">
                                <a href="#" id="prev-project" title="Previous Project"><i class="fa fa-arrow-left"></i></a>
                                <!--Prev project-->
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-4 text-center">
                                <a href="#" id="close-project" title="Close Project"><i class="fa fa-times"></i></a>
                                <!--Close project-->
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-4 text-right">
                                <a href="#" id="next-project" title="Next Project"><i class="fa fa-arrow-right"></i></a>
                                <!--Next project-->
                            </div>
                        </div>
                    </div>
                    <!-- End #protfolio-control -->
                    <!-- Ajax will load into here -->
                    <div id="portfolio-ajax">
                    </div>
                    <!-- End #portfolio-ajax -->
                    <!-- End Ajax -->
                </div>
                <!-- End .container -->
            </div>
            <!-- End #portfolio-content -->
        </div>
        <!-- End #portfolio-page -->
    </div>
    <!-- End #portfolio-wrap -->