php - Initialization of div class with predetermined filter - need syntax assistance

I have the next code designed for the gallery. Problem is, upon initialization, it puts all the images in.

<div class="portfolio section-padding" data-scroll-index='2'>
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-12 section-title text-center">
        <h3>Check our recent works</h3>
        <p>We have a variety of activities, including, but not limited to, wine tasting, plating, ethnic food preparation, etc.</p>
        <span class="section-title-line"></span> </div>
      <div class="filtering text-center mb-30">
        <button type="button" data-filter='.brochures' class="active">Courses</button>
        <button type="button" data-filter='.fresh'>Fresh Ansambles</button>
        <button type="button" data-filter='.ethnic'>Ethnic Food</button>
        <button type="button" data-filter='.hands'>Hands-on training</button>
        <button type="button" data-filter='.entree'>Entrees</button>
      </div>
      <div class="gallery no-padding col-lg-12 col-sm-12">
        <div class="col-lg-4 col-sm-6 fresh no-padding">
          <div class="item-img"> <a class="single-image" href="images/gall1.jpeg"></a>
            <div class="part-img"> <img src="images/gall1.jpeg" alt="image">
              <div class="overlay-img">
                <h4>Fresh Ansambles</h4>
                <h6>Fruit platter</h6>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6 entree no-padding">
          <div class="item-img"> <a class="single-image" href="images/gall2.jpeg"></a>
            <div class="part-img"> <img src="images/gall2.jpeg" alt="image">
              <div class="overlay-img">
                <h4>Entrees</h4>
                <h6>Platter of entrees</h6>
              </div>
            </div>
          </div>
        </div>
Copy code

Ideally I'd like it to initialize the gallery with data-filter already set to ".brochures". I'm at a loss with the syntax here. Can anyone point me in the right direction?

tried initializing gallery with certain filter set, couldn't

Didn't find the answer?

Our community is visited by hundreds of web development professionals every day. Ask your question and get a quick answer for free.