bootstrap collapse or toggle a div visibility

if you have bootstrap and want to toggle an element or show and hide a div its already built in, just use the following code to toggle something. 

HTML

<p>
	<button class="btn btn-primary" data-toggle="collapse" href="#morefields" >Show or Hide the additional data</button>
</p>

<div id='morefields' class="collapse" >
	<div class='alert alert-primary'>I am some hidden / collapsed data</div>
</div>

I am some hidden / collapsed data
Posted in css
1:13 am, September 28, 2020

Other Items in css
box hover over effects using pulsate animation
using multiple text shadow
box shadow example(s)
@import and html link to Montserrat font family google font
my default text shadow css
change the cursor to a pointer for an element
make labels or badges look better
make an image white with css using filter brightness and invert
foundation old grid format
nice webkit scrollbars (scroll bar, web kit, nice)
use an emoji on your list items ul li
background image on 3 boxes not scaling correctly fix
css prefers-color-scheme example
using attr in css to get content from html
css perspective and transform css properties testing
using linear gradient background on text css
setting up css variables in your stylesheet
simple table stripe striping
bootstrap collapse or toggle a div visibility
drop shadow text class easy drop shadow
center everything in a div with flex-center (centre)
css font style italic
create a rainbow background using css linear gradient
stop overscrolling on responsive ios
switching stack order of floats with flex
bold the numbers in a ol li list
adding pulsating dots to your css ul li list
css using perspective for transforms
simple linear gradient overlay for an image to make it darker or lighter
wordpress main nav dropdown fix
pulsating dots - glow glowing
using css linear gradient for background overlays
center something with css not using flex
Custom 12 Grid using CSS Grid
Radial Click Effect
target data attribute with css
form checkbox replacement with large tick using label
keyframe animations css
using transform scale in css to zoom on hover over
Move any element with css offsets
CSS Improve Compatibility with Browser Fallbacks
using scroll-behavior: smooth css
using a css grid area template
grid column and row spacing
CSS Grid - Basic Columns
flex shorthand css
using flexbox to align elements in a row
Viewport width and height calculations
Making Images Retina Display Friendly
Making an image responsive using css
Related Search Terms
css css 2
css collapse 2
css bootstrap 7
Page Views

This page has been viewed 228 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

âĪðŸ‘Đ‍ðŸ’ŧðŸ•đ

Random Quote
Even if you fall on your face, you're still moving forward.
Victor Kiam