@extends('layouts.android-customer')
@section('page-title', 'FAQ')

@section('main-container')
  <div id="body-faq-view">
      <article class="faq-view-article-a">
          <section class="faq-header">
              Faq title with expand button +
          </section>
          <section class="faq-contents">
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
        </section>
      </article>

      <article class="faq-view-article-b">
        <section class="faq-header">
            Faq title with expand button +
        </section>
        <section class="faq-contents" id=display-none>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
      </section>
    </article>

    <article class="faq-view-article-c">
        <section class="faq-header">
            Faq title with expand button +
        </section>
        <section class="faq-contents" id="display-none">
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>

            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>

            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>

      </section>
    </article>

    <article class="faq-view-article-b">
        <section class="faq-header">
            Faq title with expand button +
        </section>
        <section class="faq-contents" id=display-none>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
      </section>
    </article>

    <article class="faq-view-article-c">
        <section class="faq-header">
            Faq title with expand button +
        </section>
        <section class="faq-contents" id="display-none">
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>

            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>

            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>

      </section>
    </article>


    <article class="faq-view-article-b">
        <section class="faq-header">
            Faq title with expand button +
        </section>
        <section class="faq-contents" id=display-none>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
      </section>
    </article>

    <article class="faq-view-article-b">
        <section class="faq-header">
            Faq title with expand button +
        </section>
        <section class="faq-contents" id=display-none>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
      </section>
    </article>
    
    <article class="faq-view-article-c">
        <section class="faq-header">
            Faq title with expand button +
        </section>
        <section class="faq-contents" id="display-none">
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>

            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>

            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>

      </section>
    </article>

    <article class="faq-view-article-b">
        <section class="faq-header">
            Faq title with expand button +
        </section>
        <section class="faq-contents" id=display-none>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
      </section>
    </article>

    <article class="faq-view-article-c">
        <section class="faq-header">
            Faq title with expand button +
        </section>
        <section class="faq-contents" id="display-none">
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>

            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>

            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>

      </section>
    </article>


    <article class="faq-view-article-b">
        <section class="faq-header">
            Faq title with expand button +
        </section>
        <section class="faq-contents" id=display-none>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
      </section>
    </article>

    <article class="faq-view-article-b">
        <section class="faq-header">
            Faq title with expand button +
        </section>
        <section class="faq-contents" id=display-none>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit iusto deserunt ea earum sed delectus et incidunt voluptates fugit neque, distinctio explicabo eligendi recusandae esse est quisquam, nemo repellendus rerum?
            </p>
      </section>
    </article>

  </div>
@endsection

<!-- js script -->
@push('scripts')
<script>
    $(function(){

        $(document).on('click', '#body-faq-view article', function(){
            $(this).children('.faq-contents').slideToggle();
        });
        // $(document).on('click', '#body-faq-view .faq-view-article-b', function(){
        //     $(this).children('.faq-contents').slideToggle();
        // });
        // $(document).on('click', '#body-faq-view .faq-view-article-c', function(){
        //     $(this).children('.faq-contents').slideToggle();
        // });

    });


</script>
@endpush