neiyou_user_web/resources/views/down/help.blade.php

<div class="row" data-plugin="matchHeight" data-by-row="true">
    <div class="card" style="width: 208rem;">
        <div class="card-body">
            <!--<h5 class="card-title">软件教程</h5>-->
             <h4 class="card-title cyan-600"><i class="icon wb-link"></i>
                                    软件教程
                                </h4>
            <div class="nav-tabs-horizontal" data-plugin="tabs">
                <ul class="nav nav-tabs nav-tabs-line mr-25" role="tablist" id="myTab">
                    @foreach($articlelist as $key => $val)
{{--                        <option value="{{$val}}">{{$val->title}}</option>--}}
                        <li class="nav-item" role="presentation">
                            <a class="nav-link  @if($val->id == 1) active @endif " data-toggle="tab" href="#{{$val->id}}" aria-controls="{{$val->id}}" role="tab" aria-expanded="true">
                                <i class="icon fa-android " aria-hidden="true"></i>{{$val->title}}</a>
                        </li>
                    @endforeach

                </ul>

                <div class="tab-content py-15">
                    @foreach($articlelist as $key => $val)
                       <div class="tab-pane @if($val->id == 1) active @endif " id="{{$val->id}}" role="tabpanel">
                            <h3 class="panel-title">{{$val->title}}</h3>
                            <div class="panel-body pt-0 pb-60">
                                {{$val->content}}
                            </div>
                        </div>
                    @endforeach
                </div>

            </div>
        </div>
    </div>
</div>
@section('javascript')
    <script>
        $(function () {
            $('.nav-tabs a').click(function (e) {
                e.preventDefault()
                $(this).tab('show')
            })
        })

    </script>

@endsection