Question

55

jQuery show div only if has class

rated 0 times [ 59] [ 4] / answers: 1 / hits: 22309 / 9 Years ago, fri, august 21, 2015, 12:00:00

I have some problems with show/hide element. I have 2 popups on one page and I need hide one popup if another popup has class.
For example:

<body class=home>

  <div class=popup main></div>

  <div class=popup></div>

</body>

So, if body.home has .main I need to show only .main popup and hide or remove another .popup.

I'va tried

if ($('.home').find('.main')) {

     $('.home').find('.main').show();

     $('.home').find('.popup').remove();

}

But it does not working as I need, because in some reason I'll have code only with one popup block

<body class=home>

  <div class=popup></div>

</body>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

demondp

Add To Favorites

Follow

Total Points: 154

Total Questions: 97

Total Answers: 99

Location: Mali

Member since Thu, Jul 9, 2020

4 Years ago

demondp questions

1 How to pass params in Nuxt 3 server/api?

Sat, May 28, 22, 00:00, 2 Years ago

1 TypeError: Cannot read properties of undefined (reading 'state') reactjs

Sun, Sep 26, 21, 00:00, 3 Years ago

1 How to make the pino library as generic and call everywhere in the project

Fri, May 15, 20, 00:00, 4 Years ago

1 how to fetch and display images from database in react app

Thu, Jul 18, 19, 00:00, 5 Years ago

1 Cannot find JS files -- Failed to load resource: the server responded with a status of 404 ()

Wed, Apr 24, 19, 00:00, 5 Years ago

View All

answered 9 Years ago kinsleyashlynnh · Accepted Answer

Just try this,

if($(.popup).hasClass('main')){

   $(.popup).hide();

   $(.main).show();

 }

<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js></script>

<body class=home>

  <div class=popup main>main</div>

  <div class=popup>another</div>

</body>