常連

### 前提・実現したいこと

Easy Responsive Tabs to Accordionを使用してwebサイトを制作しているのですが、こちらホームタブの詳細はこちらから学習タブにダイレクトリンクをしたいです。

### 発生している問題・エラーメッセージ

ページリンクがうまくできません

### 該当のソースコード


```ここに言語を入力
<body>
        
        
            <header>
                <h1>
                    <img src="images/logo.gif">
                </h1>
            </header>
        
            <main class="clearfix">
                <div id="horizontalTab">
                    <ul class="resp-tabs-list">
                        <li class="black">ホーム</li>
                        <li class="green">学習</li>
                    </ul>
        
        
                    <div class="resp-tabs-container">
        
                        <div>   
        
                            <section class="bk">
                                <h2 class="news_sub heading">見出し</h2>
        
                                <div class="rightbtn rightbtn_share">
                                    
                                    <div class="description">
                                        <div class="text">
                                            <h3 class="text_heading">××</h3>
                                            <p>××</p>
                                            ××
                                        </div>
                                        <div class="btn">
                                            <a href="project.html">>詳細はこちら</a>
                                        </div>
                                    </div>
                                    
                                </div>
                                
                            </section>
        
                        </div>
                        
        
                        
                        <div id="example">
                            <div class="card cardsub">
                                <div class="card-item card-item_main">
                                    <p class="item_heading">見出し</p>
        
                                    <p>
                                        ××
        
                                    </p>
        
                                    <figure>
                                        <img src="images/test02_img.jpg" alt="">
                                    </figure>
        
                                    <div class="btn">
                                        <a href="images/hinamaturi.pdf">&gt;詳細はこちら</a>
                                    </div>
                                </div>
                                                             
        
                            </div>
                            
                        </div>
                        
                    </div>
                    
        
                </div>
                
            </main>
        
            <footer>
                <small>Copyright (C) ××</small>
            </footer>
        
        
        </body>
```

```// Easy Responsive Tabs Plugin
// Author: Samson.Onna <Email : samson3d@gmail.com>
(function ($) {
    $.fn.extend({
        easyResponsiveTabs: function (options) {
            //Set the default values, use comma to separate the settings, example:
            var defaults = {
                type: 'default', //default, vertical, accordion;
                width: 'auto',
                fit: true
            }
            //Variables
            var options = $.extend(defaults, options);            
            var opt = options, jtype = opt.type, jfit = opt.fit, jwidth = opt.width, vtabs = 'vertical', accord = 'accordion';

            //Main function
            this.each(function () {
                var $respTabs = $(this);
                $respTabs.find('ul.resp-tabs-list li').addClass('resp-tab-item');
                $respTabs.css({
                    'display': 'block',
                    'width': jwidth
                });

                $respTabs.find('.resp-tabs-container > div').addClass('resp-tab-content');
                jtab_options();
                //Properties Function
                function jtab_options() {
                    if (jtype == vtabs) {
                        $respTabs.addClass('resp-vtabs');
                    }
                    if (jfit == true) {
                        $respTabs.css({ width: '100%', margin: '0px' });
                    }
                    if (jtype == accord) {
                        $respTabs.addClass('resp-easy-accordion');
                        $respTabs.find('.resp-tabs-list').css('display', 'none');
                    }
                }

                //Assigning the h2 markup
                var $tabItemh2;
                $respTabs.find('.resp-tab-content').before("<h2 class='resp-accordion' role='tab'><span class='resp-arrow'></span></h2>");

                var itemCount = 0;
                $respTabs.find('.resp-accordion').each(function () {
                    $tabItemh2 = $(this);
                    var innertext = $respTabs.find('.resp-tab-item:eq(' + itemCount + ')').text();
                    $respTabs.find('.resp-accordion:eq(' + itemCount + ')').append(innertext);
                    $tabItemh2.attr('aria-controls', 'tab_item-' + (itemCount));
                    itemCount++;
                });

                //Assigning the 'aria-controls' to Tab items
                var count = 0,
                    $tabContent;
                $respTabs.find('.resp-tab-item').each(function () {
                    $tabItem = $(this);
                    $tabItem.attr('aria-controls', 'tab_item-' + (count));
                    $tabItem.attr('role', 'tab');

                    //First active tab                   
                    $respTabs.find('.resp-tab-item').first().addClass('resp-tab-active');
                    $respTabs.find('.resp-accordion').first().addClass('resp-tab-active');
                    $respTabs.find('.resp-tab-content').first().addClass('resp-tab-content-active').attr('style', 'display:block');

                    //Assigning the 'aria-labelledby' attr to tab-content
                    var tabcount = 0;
                    $respTabs.find('.resp-tab-content').each(function () {
                        $tabContent = $(this);
                        $tabContent.attr('aria-labelledby', 'tab_item-' + (tabcount));
                        tabcount++;
                    });
                    count++;
                });

                //Tab Click action function
                $respTabs.find("[role=tab]").each(function () {
                    var $currentTab = $(this);
                    $currentTab.click(function () {

                        var $tabAria = $currentTab.attr('aria-controls');

                        if ($currentTab.hasClass('resp-accordion') && $currentTab.hasClass('resp-tab-active')) {
                            $respTabs.find('.resp-tab-content-active').slideUp('', function () { $(this).addClass('resp-accordion-closed'); });
                            $currentTab.removeClass('resp-tab-active');
                            return false;
                        }
                        if (!$currentTab.hasClass('resp-tab-active') && $currentTab.hasClass('resp-accordion')) {
                            $respTabs.find('.resp-tab-active').removeClass('resp-tab-active');
                            $respTabs.find('.resp-tab-content-active').slideUp().removeClass('resp-tab-content-active resp-accordion-closed');
                            $respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active');

                            $respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').slideDown().addClass('resp-tab-content-active');
                        } else {
                            $respTabs.find('.resp-tab-active').removeClass('resp-tab-active');
                            $respTabs.find('.resp-tab-content-active').removeAttr('style').removeClass('resp-tab-content-active').removeClass('resp-accordion-closed');
                            $respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active');
                            $respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').addClass('resp-tab-content-active').attr('style', 'display:block');
                        }
                    });
                    //Window resize function                   
                    $(window).resize(function () {
                        $respTabs.find('.resp-accordion-closed').removeAttr('style');
                    });
                });
            });
        }
    });
})(jQuery);
    $(document).ready(function () {
        $('#horizontalTab').easyResponsiveTabs({
            type: 'default', //Types: default, vertical, accordion           
            width: 'auto', //auto or any width like 600px
            fit: true   // 100% fit in a container
        });

        $('#verticalTab').easyResponsiveTabs({
            type: 'vertical',
            width: 'auto',
            fit: true
        });
    });

```

### 試したこと

タグにid指定してもできませんでした。

### 補足情報（FW/ツールのバージョンなど）

	@@ -1 +1 @@
1	- Easy Responsive Tabs to Accordionの~~アンカー~~リンク
1	+ Easy Responsive Tabs to Accordionのダイレクトリンク

質問編集履歴