Question: I have a problem with the FadeOut function. It fades out only the content and not the white background and border. I noticed if i REMOVE the `.product-div-container` which is outside of the while loop it WORKS. But i need THAT DIV to put a box-shadow behind ALL products. I don't like the box shadow on every product individually because i have a fade-in/fade-out function on the product DIV when the quantity changes. And then you will see the ugly box shadow on top of another div. 

So how can i fade out the `.whole-product-div` without removing the `.product-div-container`?

Thanks for your time and answer.

```js
$(".delete-product-cart").click(function() {
  $('.whole-product-div[data-id="' + $(this).data('id') + '"]').fadeOut(1300, function() {
    $(this).remove();
  });
});
```

```css
.product-div-container {
  box-shadow: 0px 0px 30px 0px grey;
}

.styling-cart {
  background: white;
  border: 1px solid grey;
}
```

```html
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='product-div-container' class='product-div-container'>
  <div class='col-md-12 styling-cart whole-product-div' data-id='1'>
    <a class='delete-product-cart' data-id='1'>Delete</a>
  </div>
</div>
```

Answer: 
That can be more clearly coded as:

```
a <= (c >= b);

```

`a` is assigned the value of the expression "`c` is greater than or equal to `b`".

The 1st `<=` is the nonblocking assignment operator, whereas, the 2nd is the comparison operator.
That is not two consecutive non-blocking assignment. 

That is `a <= (b<=c);`  

`b<=c` evaluates to true (1) or false (0) and that value is assigned to `a`.

two consecutive non-blocking assignments is not a legal Verilog syntax