Home/ Questions/Q 3403500
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T05:16:07+00:00

Here’s what I’d like to learn how to do with CSS. I want a

  • 0

Here’s what I’d like to learn how to do with CSS.

I want a box:

I want the cards to be stacked directly on top of each over flat… Not vertically. that way I can use jQuery to tell the browser which card to show, and not have to reinject all the content.

I think GMAIL does something like this… You see an inbox, when you click a message it places the message on top of the inbox, keeping the inbox in the background.

Ideas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Another way to distinguish a visible div from the hidden ones, would be by using e.g. the selector :first-child. Here’s an example where you hide one div by changing it’s position within the DOM tree and the CSS only let’s the first child be visible.

    <html>
  <head>
  <style type="text/css">
    #container div { display: none; width: 400px; height: 250px }
    #container div:first-child { display: block; }
  </style>
  <script type="text/javascript">
    function hide(div)
    {
      var container = document.getElementById("container"); /* Or use jQuery */
      container.appendChild(div);
    }
  </script>
</head>
<body>
 <div id="container">
  <div style="background-color: red" onclick="hide(this)">Click to hide</div>
  <div style="background-color: blue" onclick="hide(this)">Click to hide</div>
  <div style="background-color: yellow" onclick="hide(this)">Click to hide</div>
 </div>
</body>
</html>
    • 0