Posts

Showing posts from December, 2019

What is flexbox and properties of flexbox.

The flexbox property in CSS is the combination of flex-grow property, flex-shrink property, and flex-basis property. That is used to set the length of flexible items. The flexbox property is much responsive and mobile friendly for web page. It is easy to positioning child elements and the main container. The margin doesn’t collapse with the content margins in flexbox property. The flexbox property is easy to covert ordering of HTML. Flexbox css property that can be applied on HTML container. display: flexbox | inline-flex; flex-direction: row | row-reverse | column | column-reverse; flex-wrap: nowrap | wrap | wrap-reverse; flex-flow: <‘flex-direction’> || <‘flex-wrap’> justify-content: flex-start | flex-end | center | space-between | space-around; align-items: flex-start | flex-end | center | baseline | stretch; align-content: flex-start | flex-end | center | space-between | space-around | stretch;

How to make custom accordian through jQuery.

How to make custom accoridian through jquery. Copy the below code and save the code in HTML format and see the preview. Also, see the preview in bottom. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Accordian</title> <style> .content { display: none; } .activeexpand { color: red; } </style> </head> <body> <div class="accordian">   <h2>First accordian click me</h2>   <div class="content"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make...