Friday, September 12, 2014

Making jQuery and Boostrap 3 and "hide" class work together

One of the problems with using jQuery's show and hide methods is that they are not compatible with the provided Bootstrap css classes "show" and "hide".

What is the problem? Bootstrap's css class looks like this:



.hide {
  displaynone !important;
}

Those important styles are necessary on some elements to make the behavior as expected. However, jQuery doesn't overwrite them when setting css attributes with the built-in show/hide methods. The recommended way that I found is to manually use .addClass("hide") and .removeClass("hide")...which is way too annoying.



Add the following JavaScript code after the initial jQuery .js file load and all is well.

var originaljQueryShow = jQuery.fn.show;
var originaljQueryHide = jQuery.fn.hide;
jQuery.fn.extend({
    show: function () {
        var result = originaljQueryShow.apply(this, arguments);
        jQuery(this).removeClass("hide");
        return result;
    },
    hide: function () {
        var result = originaljQueryHide.apply(this, arguments);
        jQuery(this).addClass("hide");
        return result;
    }
});


This lets the original functionality of the jQuery show() and hide() to be maintained, while adding transparent support for the Bootstrap css hide class.

14 comments:

wdmtest

jQuery
jQuery Basics
Including the jQuery Library Code in an HTML Page Problem
Executing jQuery/JavaScript Coded After the DOM Has Loaded but Before Complete Page Load
Selecting DOM Elements Using Selectors and the jQuery Function
Selecting DOM Elements Within a Specified Context
Filtering a Wrapper Set of DOM Elements
Finding Descendant Elements Within the Currently Selected Wrapper Set
Returning to the Prior Selection Before a Destructive Change
Including the Previous Selection with the Current Selection

kingrani

Flipkart is Offering Cashback Offers Flipkart Cashback Offer You will get upto 75% Discount

Flipkart is Offering Cashback Offers Flipkart Cashback Offers You will get upto 75% Discount

Flipkart is Offering Cashback Offers Flipkart big billion day offers You will get upto 75% Discount

Flipkart is one of the biggest world wide eCommerce Site so here you will getFlipkart big billion day offers

Flipkart is one of the biggest world wide eCommerce Site so here you will getflipkart bank cashback offersso

Flipkart is one of the biggest world wide eCommerce Site so here you will getFlipkart bank offersso

Anonymous

Nice blog. Thanks for sharing such informative blog.

Unknown

Superb post. Impressive writing skill. Thank u so much for sharing with us.
Selection Process of Police Govt Jobs

Mahesh chaube

Great article admin. i love the way you summarized this post.

lots of love from: Ramadan Song

Open plots in hyderabad


Amazon cashback offers 2018Cashback Deals with sbi,hdfc,icici,axis banks,credit&debit card,
Amazon Cashback Offers 2018 Upto 65% Cashback Deals, AMAZON CASHBACK OFFERS 2018, DISCOUNT COUPON OFFERS 2018, Amazon cashback offers with sbi hdfc icici axis banks credit&debit card offers more. amazon cashback offers2018,amazon india cashback,amazon offers on mobiles,amazon cashback2018,amazon offers 2018



cashbackoffer amazon coupon code| amazon coupon promo code| amazon offer coupon code|
amazon coupon code| amazon coupon promo code| amazon offer coupon code


About Airport Parking,Accor HotelsAffordable Asia,Agoda,Air Asia Go,Akbar Travels,Amoma,Azores Getaways,Big Bus Tours,Booking,CarmelLimo,CatchThatBus,CheapAir,CheapTickets Singapore,Cleartrip,Ctrip English speaking,Etihad Airways,Expedia,Expedia India, Expedia Indonesia Hotels, Flights & Packages,Travel Coupons, Offers: Flights, Hotels, Bus Promo Codes
accor HotelsAffordable Asia,Agoda,Air Asia Go,Akbar Travels,Amoma,Azores Getaways,Big Bus Tours,Booking,CarmelLimo,CatchThatBus,CheapAir,CheapTickets Singapore,Cleartrip,Ctrip English speaking,Etihad Airways,Expedia,Expedia India,

Expedia Indonesia Hotels, Flights & Packages

CashBack Offers, Discount Coupons, Bank Offers & Promo Codes


flipkart cashback offer,
CashBack Offers, Discount Coupons


Pepperfry, Mobikwik, Firstcry, Fab Hotels, Ebay, Aliexpress, Adidas, Healthkart, Pepperfry, Shoppers Stop, FlipKart, Amazon, Lurap, Giftalove, Reebok, SBI Card, CoolWinks, Housejoy, Shine, Jaypore, netmeds, FabAlley, Prettysecrets, FlowerAura, Clovia, Shopclues, Printvenue, Firstcry, Travelguru, Myntra, Zivame, Jabong, Ferns N Petals,Healthkart, Pepperfry, Shoppers Stop, FlipKart, Amazon


CashBack Offers, Discount Coupons, Bank Offers & Promo Codes

Open plots in hyderabad

Wonderful site and huge information. The information present here is helpful for the readers I'll come back to this blog for sure!



Flipkart CashBack Offers-SBI, HDFC, ICICI, Citibank Cards&Flipkart HDFC Cards Offers"
flipkart bank offers,flipkart cash back coupons,flipkart offers 2018,
flipkart coupons 2018,flipkart cashback offers 2018,flipkart cashback offers,
flipkart cash back offers,flipkart cashback coupons,
flipkart cashback,Flipkart Cashback Offers,Flipkart Bank Offers,Flipkart Deals 2018,
flipkart upcoming offers on mobiles,
hdfc credit card offers on flipkart 2018 flipkart sbi offer big billion day,
flipkart hdfc offer,
flipkart hdfc offer august 2018 sbi flipkart offer 2018 flipkart icici offer



FLIPKART CITIBANK OFFER,FLIPKART ICICI OFFER,
SBI CARD OFFERS ON FLIPKART,
FLIPKART CASHBACK OFFER TODAY,FLIPKART CREDIT CARD OFFERS,
ALL BANK CREDIT CARD OFFERS,HDFC CREDIT CARD OFFERS ON FLIPKART,
AXIS BANK CREDIT CARD OFFERS ON FLIPKART,
CITIBANK CREDIT CARD OFFERS ON FLIPKART,SBI FLIPKART OFFER



Flipkart Cashback Offers||Flipkart Bank Offers||Flipkart Deals 2018||flipkart upcoming offers,"
"Flipkart Cashback Offers || Flipkart Bank Offers || Flipkart Deals 2018 ||"
"flipkart upcoming offers on mobiles, hdfc credit card offers on flipkart 2018,
sbi credit card offers on flipkart today, flipkart hdfc offer terms and conditions,
sbi flipkart offer 2018,
flipkart cashback phonepe, flipkart hdfc offer august 2018, flipkart icici offer




"cashback,vouchers,coupons,discounts,offers,deals,promo codes,&Cashback Offers"
"cash back coupons "Coupons, Discounts & Offers on 1500+ Shopping Sites in India.
Get Extra Cashback Everytime You Shop Online using Coupons of Amazon, Flipkart,
Tata CLiQ, Nykaa etc."cashback, vouchers, coupons, discounts, offers, deals,
promo codes,Coupons, Promo Codes & Cashback Offers

Open plots in hyderabad

I have read your article, it is very informative and helpful for me.I admire the valuable information you offer in your articles. Thanks for posting it.

flipkart is Offering Cashback Offers Flipkart hdfc cashback offers You will get upto 75% Discount

Flipkart is Offering Cashback Offers Flipkart SBI Cashback Offer You will get upto 75% Discount

Flipkart is Offering Cashback Offers Flipkart AXIS Cashback Offer You will get upto 75% Discount

Flipkart is Offering Cashback Offers Flipkart YES Cashback Offer You will get upto 75% Discount

Flipkart is one of the biggest world wide eCommerce Site so here you will getFlipkart big billion day offers

Flipkart is one of the biggest world wide eCommerce Site so here you will getflipkart bank cashback offersso


Flipkart cashback offers on mobiles,
Flipkart cashback offers,
Flipkart cashback coupons,
Flipkart upcoming offers on mobiles,
Flipkart HDFC cashback offers,
Flipkart SBI cashback offers,
Flipkart AXIS cashback offers,
Flipkart Citibank cashback offers,
Flipkart cashback on mobiles,
Flipkart cashback offers today,
Flipkart big billion day cashback offers,
Flipkart big billion days cashback offers,
big billion day cashback offers,
Flipkart big billion days offers,
flipkart cashback on mobiles,
flipkart citibank offer,
sbi credit card offers on flipkart today,
flipkart upcoming offers on mobiles,
hdfc credit card offers on flipkart,
flipkart upcoming big billion day,
flipkart upcoming sale,
sbi credit card offers on mobiles,
flipkart offers today,
flipkart offers on mobiles,
flipkart offers today mobile phones,
flipkart cashback offers,
flipkart cashback coupons,
flipkart sale today offer,
flipkart cashback offers today,
cashback offers,
flipkart cashback offer today

Open plots in hyderabad

Flipkart CashBack Offers - SBI, HDFC,

ICICI, Citibank Cards,flipkart sbi debit card emi,flipkart upcoming offers on mobiles,snapdeal

credit card offers,flipkart credit card,flipkart cashback phonepe,flipkart credit card

generator,flipkart cashback offer phonepe,flipkart american express,india fake debit card

generator,flipkart pockets offer,flipkart bank offers 2018,flipkart american express gift

card,sbi credit card offers on flipkart today,sbi flipkart offer,sbi debit card offers cash

back,sbi flipkart offer 2018,Flipkart Cashback Offers || Flipkart Bank Offers || Flipkart Deals

2018 ||



cashback offers coupons,
cashback offers coupons


Offers.Flipkart .
flipkart bank offers,flipkart cash back coupons, flipkart offers,flipkart cashback offers

,flipkart cashback offers,flipkart cash back offers,flipkart cashback coupons,flipkart

cashback,Flipkart Cashback Offers,Flipkart Bank Offers, flipkart upcoming offers on mobiles,

flipkart hdfc offer, flipkart icici offer,sbi credit card offers on flipkart today,sbi flipkart

offer, hdfc credit card offers on flipkart, flipkart upcoming offers on mobiles, flipkart

offers


mazon Cashback Offers 2018 Upto 65%

Cashback Deals, AMAZON CASHBACK
OFFERS 2018, DISCOUNT COUPON OFFERS 2018, Amazon cashback offers with sbi hdfc icici axis banks

credit&debit card offers more. amazon cashback offers2018,amazon india cashback,amazon offers on

mobiles,amazon cashback2018,amazon offers 2018


"cash back coupons "Coupons, Discounts &

Offers on 1500+ Shopping Sites in
India. Get Extra Cashback Everytime You Shop Online using Coupons of Amazon, Flipkart, Tata

CLiQ, Nykaa etc."cashback, vouchers, coupons, discounts, offers, deals, promo codes,Coupons,

Promo Codes & Cashback Offers



"Flipkart Cashback Offers || Flipkart

Bank Offers || Flipkart Deals 2018 ||" "flipkart upcoming offers on mobiles, hdfc credit card

offers on flipkart 2018, sbi credit card offers on flipkart today, flipkart hdfc offer terms and

conditions, sbi flipkart offer 2018, flipkart cashback phonepe, flipkart hdfc offer august 2018,

flipkart icici offers

Open plots in hyderabad



Musafir, My Bus Tickets, Myles, Orbitz, Qatar

Airways, Rehlat, Sixt Car Rental, Skyscanner, SOTC Holidays, Starline Tours, Thomas Cook, Ticket

Goose, Travelguru, Travel Talk Tours, Treebohotels


,Credit card offers in jabong,jabong hdfc

Cashback,jabong icici cashback,jabong sbi cashback,
Jabong Cashback Offers & Discount Coupons 2018 : Extra 20% Offer,jabong coupons, jabong offers,

hdfc jabong offer, icici jabong offer 2018, jabong footwear, sbi jabong offer, jabong axis bank

offer, jabong sbi offer 2018,jabong cashback Offers, jabong cashback, jabong Deals,Credit card

offers in jabong,jabong hdfc Cashback,jabong icici cashback,jabong sbi cashback ,jabong axis

cashback,jabong offers,Jabong cashback coupons,jabong offers


Online Sale - Online Sale Shopping of up

to 70% Of...
zivame cash back offers
Jabong Bank Coupons April 2018 for ICICI, SBI, HDF...
Ferns N Petals
Amazon today's deals great saving every day
Up to 40% off TVs & Appliances + Additional 10% cashback offers


amazon cashback offers,Amazon Cashback

Offers May 2018 Upto 65% Cashback Deals,Amazon cashback offers January,Amazon cashback offers

February,amazon cashback march,Amazon offers april , Cashback offers may , August cashback

amazon , September offers cashback November , Cashback offers on December , HDFC Credit card

offers on amazon,Axis Bank credit card offer on amazon,ICICI bank offers in amazon,Citi bank

cashback on amazon


Amazon cashback offers

January , Amazon cashback offers February , amazon cashback march , Amazon offers april ,

Cashback offers may , August cashback amazon , September offers cashback November , Cashback

offers on December , HDFC Credit card offers on amazon , Axis Bank credit card offer on amazon ,

ICICI bank offers in amazon , Citi bank cashback on amazon


make my trip citi credit and debit cards

offers:- ...
make my trip International hotel jaw -dropping dea...
make my trip first night free on 1st hotel booking...
Hurry! Get exciting discounts on Hotels & Flights ...
akbartravels save big upto 1000 off on flight book...
Exclusive offer: Get 15% OFF on HOTELS with Visa f...
Exclusive offer: Get 15% OFF on HOTELS with Visa ...
(10 may 18) : TRAVELSPICE 5 Star Hotels at 3 Star ...
Travelspice - 10 may 18 cashback offers
maake my trip anniversary trvel sale best deal int...
Makemytrip International Flights latest deals on ...
TopTravel Websites cashback offers &discounts upto


"Cashback Offers Coupons Offers you

dozens of Cashback offers with your Credit / debit / Net banking for Top eCommerce,cash back

offers coupons


Ferns N Petals ,ferns and petals login, ferns

and ...
shopclues paytm offer, shopclues 25 off coupon, sh...
myntra coupons, myntra cashback paytm, myntra hdfc...
Jabong Cashback - Jabong Offers, Cashback & Coupons,Cashback Coupons : CashBack Offers, Discount

Coupons & Promo

Open plots in hyderabad


flipkart cashback

offers,cashbackcoupons,cashbackoffer,cashbackofferscoupons,flipkarthdfcoffer,
MyDealsAndCoupons,flipkart cashback

offers,cashbackcoupons,flipkartcashbackoffers,cashbackoffer,cashbackofferscoupons,flipkarthdfcof

fer,latestcashbackoffers,flipkartcreditcardoffers,dealsncashbackcashbackoffers


Flipkart CashBack Offers,telugu

bloggers ,telugu websites
Flipkart CashBack Offers - SBI, HDFC, ICICI, Citibank Cards,flipkart sbi debit card emi,flipkart

upcoming offers on mobiles,flipkart credit card,flipkart cashback phonepe,flipkart credit card

generator,flipkart cashback offer phonepe,flipkart american express,india fake debit card

generator,flipkart american express gift card,sbi credit card offers on flipkart today,sbi

flipkart offer,sbi debit card offers cash back,sbi flipkart offer 2018,,telugu bloggers ,telugu

websites


cashback offers coupons,
cashback offers coupons


Amazon Cashback Offers 2018 Upto 65%

Cashback Deals, AMAZON CASHBACK OFFERS 2018, DISCOUNT COUPON OFFERS 2018, Amazon cashback offers

with sbi hdfc icici axis banks credit&debit card offers more. amazon cashback offers2018,amazon

india cashback,amazon offers on mobiles,amazon cashback2018,amazon offers 2018

PREETHAM GAMING


Flipkart SBI Offer 2019: 10% Instant Cashback.
Flipkart HDFC Offer 2019: 10% Instant Offer.
Flipkart Cashback offer 2019: 10% Cashback.
Flipkart SBI Offer 2019: 10% Instant Cashback.
Flipkart HDFC Offer 2019: 10% Instant Offer.
Flipkart Cashback offer 2019: 10% Cashback.
SBI Credit Card /Debit Card Offers 10% Instant Cashback
Get Cashbackhttps://www.flipkart.com/?affid=crishkuma1
HDFC Credit Ca rd /Debit Card Offers 10% Instant Cashback
Get Cashbackhttps://www.flipkart.com/?affid=crishkuma1
Citi Bank Credit Card /Debit Card Offers 10% Instant Cashback
Get Cashbackhttps://www.flipkart.com/?affid=crishkuma1
Axis Bank Credit Card /Debit Card Offers 10% Instant Cashback (Extra 5% on Axis Buzz Cards)
Get Cashback
https://www.flipkart.com/?affid=crishkuma1
ICICI Bank Credit Card /Debit Card Offers 10% Instant Cashback
Get Cashback
https://www.flipkart.com/?affid=crishkuma1
YES Bank Credit Card /Debit Card Offers 10% Instant Cashback
Get Cashback
https://www.flipkart.com/?affid=crishkuma1
IDBI Bank Credit Card /Debit Card Offers 10% Instant Cashback
Get Cashback
https://www.flipkart.com/?affid=crishkuma1
Kotak Bank Credit Card /Debit Card Offers 10% Instant Cashback
Get Cashback
https://www.flipkart.com/?affid=crishkuma1

flipkart sbi debit card offers

flipkart offers

flipkart axis offers
flipkart sbi offer
flipkart sbi debit card emi
flipkart sbi credit card offer
flipkart sbi debit card emi
flipkart sbi credit card offers
flipkart hdfc,
flipkart hdfc offer,
flipkart hdfc credit card offer,
flipkart icici debit card emi
flipkart icici credit card offer
flipkart icici offer
flipkart axis,
flipkart axis bank offer,

flipkartcreditcardoffers




flipkart debit card offers,
flipkart debit card emi,
debit card offers in flipkart,
flipkart sbi debit card offers,
sbi debit card offers on flipkart,,
flipkart debit card emi axis,,
flipkart debit card emi sms number
flipkart offers for hdfc debit card,
hdfc debit card offers on flipkart
flipkart icici debit card emi offer,,
flipkart debit card emi message,,
kotak debit card offers on flipkart
flipkart icici debit card offer,,,
icici debit card offers on flipkart
flipkart debit card emi kotak,
flipkart sbi debit card emi offer,
flipkart hdfc debit card emi offer,
flipkart debit card emi sbi sms,,
flipkart debit card emi hdfc eligibility
flipkart axis bank debit card offers
flipkart debit card shopping
flipkart debit card loan,
flipkart debit card no cost emi,
flipkart debit card option,
flipkart debit card purchase,
flipkart debit card offers on mobiles,
flipkart debit card mobile
flipkart kotak debit card offer,
flipkart debit card scheme,,
flipkart debit card payment offers,
idbi debit card offers on flipkart,,
sbi debit card offers in flipkart,,
flipkart debit card installment,
flipkart sbi debit card offer today,,
flipkart bank card offers,,
flipkart debit card discount
flipkart axis debit card offer,
yes bank debit card offers on flipkart,
flipkart offers for sbi debit card
flipkart big billion day debit card offers,
flipkart debit card ,
flipkart debit card emi offer details,
flipkart offers for icici debit card,,
flipkart pnb debit card offer,
flipkart sbi debit card offer terms and conditions,
hdfc debit card offers in flipkart,
axis bank debit card offers in flipkart

flipkartup coming offers



flipkart sbi,
flipkart sbi debit card emi,,
flipkart sbi offer,
flipkart offer with sbi card,
flipkart sbi card offer,,
flipkart sbi debit card emi eligibility,
flipkart sbi debit card offer,
sbi flipkart eligibility,
flipkart sbi debit card emi offer,
sbi woohoo flipkart gift card,
flipkart sbi offer 2019,
flipkart sbi offer big billion day,
flipkart debit card emi sbi process,
sbi flipkart offer 2017,
flipkart emi with sbi debit card,
flipkart sbi debit card emi products,
flipkart emi through sbi debit card,
flipkart sbi emi debit card,
sbi woohoo flipkart,
flipkart sbi emi,
flipkart sbi card offer 2019,
flipkart sbi offer 2018,
flipkart sbi offer terms and conditions,
sbi flipkart pre approved emi,
flipkart debit card emi sbi mobile,
flipkart coupons for sbi credit card,
flipkart sbi debit card emi link,
flipkart sbi card offer today,
flipkart emi debit card sbi video,
flipkart emi sbi credit card,
flipkart mobile sbi card offer,
flipkart sbi credit card offer 2018,
flipkart debit card emi sbi in hindi,
flipkart sbi emi offer,
flipkart sbi terms and conditions,
flipkart sbi offer today,
flipkart sbi debit emi,
flipkart sale sbi card,
flipkart diwali sale sbi offer,
flipkart sbi card discount,
flipkart and sbi card offer,
flipkart sbi offer july 2019,
flipkart sbi sale,
flipkart sale sbi offer,
flipkart sbi card offer july 2019,
sbi flipkart link,
flipkart offer with sbi debit card,
flipkart sbi offer t&c,,
flipkart sbi 10 instant discount,
flipkart diwali sale sbi,
how to avail flipkart sbi offer,
sbi flipkart voucher,
sbi flipkart voucher offer,,
flipkart and sbi,
flipkart and sbi debit card offer,
flipkart offer for sbi debit card,
flipkart sbi 10,
flipkart sbi 10 cashback offer,
flipkart sbi 10 discount,
flipkart sbi 10 offer,
flipkart sbi card offer 2018,
flipkart sbi card offer big billion day,
flipkart sbi card offer terms and conditions,
flipkart sbi debit card offer today,
flipkart sbi instant discount,
flipkart sbi offer big billion sale,,
flipkart sbi offer jan 2019
flipkart sbi offer july 2018,
sbi and flipkart offer,
sbi woohoo flipkart egv,
flipkart and sbi credit card redeem points,
flipkart boss sale sbi offer,
flipkart debit card emi sbi bank,
flipkart debit card emi sbi hindi,
flipkart diwali sale sbi debit card,
flipkart emi for sbi debit card,
flipkart next sale sbi offer,
flipkart next sbi offer,
flipkart offer for sbi card,
flipkart offer for sbi credit card,
flipkart offer with sbi credit card,
flipkart offers for sbi card holders,
flipkart online shopping sbi card,
flipkart sbi account number,
flipkart sbi card offer jan 2019,
flipkart sbi card offer july 2018,
flipkart sbi credit card emi,
flipkart sbi debit card emi terms and conditions,
flipkart sbi debit card offer 2019,
flipkart sbi emi check,
flipkart sbi emi option,,
flipkart sbi ,
flipkart sbi no cost emi,
flipkart sbi offer august 2019,
flipkart sbi offer big shopping days,
flipkart sbi offer december 2018,
flipkart sbi offer june 2019,
flipkart sbi offer last date,
flipkart sbi offer mobile,
flipkart sbi offer november 2018,
flipkart sbi pre approved loan,
flipkart upcoming sale sbi offer,
flipkart upcoming sbi offer,
how to avail flipkart sbi 10 offer,
how to get flipkart sbi offer,
sbi debit card cashback offer on flipkart,
sbi flipkart eligibility not working,
sbi flipkart eligibility page,
sbi flipkart tie up,
sbi loss flipkart,
sbi with flipkart

flipkart Credit card offers,flipkart offers,flipkart offer
flipkart emi,flipkart debit card emi,flipkart emi on debit card,,flipkart with emi,flipkart emi debit card sbi,flipkart emi sbi debit card,
flipkart sbi,flipkart sbi debit card emi,flipkart sbi offer