All comments

• 

  Joseph Afolabi•430

  @Afolabi-bitSubmitted about 4 years ago

  Hi,

  I tried to implement the email validation using a RegExp but it wasn't successful. I also noticed a lot or browser incompatibilities... Do you have any resources to recommend? Please do!! I really need your help and suggestions. Thanks.

  

  CSS grid

  1

  10
  

  Boro Omokugbo Joseph•115

  @AsylcreekPosted about 4 years ago

  You could check this out.

  I hope it helps

  0
• 

  Rayane•1,935

  @RayaneBengaouiSubmitted about 4 years ago

  Hello !

  I have a question :

  • How could I do a transition so that when I open/close a question the action goes smoothly ? Because I use "display: none" and "display:block", thus, the text appear directly.

  Thank you :)

  

  FAQ Accordion Card - HTML/CSS/JS

  1

  13
  

  Boro Omokugbo Joseph•115

  @AsylcreekPosted about 4 years ago

  You would have to use a properties that are transitionable. Based on your markup, you could use the following:

  .answer{
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: -1rem;
      left: 0;
      transition-property: top, opacity;
      transition-duration: .2s;
  }
  
  .active{
      opacity: 1;
      visibility: visible;
      top: 0;
      position: relative;
  }
  

  The position: absolute is to take it out of the flow of the document.

  Hope it helps.

  1