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.

15 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

AJ Nishant

Nice blog. Thanks for sharing such informative blog.

Education Information Portal

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

krishna kumar


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

krishna kumar


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

Flipkart CashBack Offers Flipkart CashBack Offers


Offersable - Cash Back Offers | Discount Coupons | Bank Offers | Promo Codes.
Find best Discount Coupons, Cashback Offers, Hot Deals Bank Offers for
all major e-commerce stores in the India



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



flipkart sbi offers, Flipkart Sbi Offer, SBI offers on Flipkart, Sbi offers in Flipkart, Sbi offer flipkart, Sbi discounts flipkart, FLipkart sbi discounts

MyDealsAndCoupons,flipkart cashback offers,cashbackcoupons,flipkartcashbackoffers,cashbackoffer,cashbackofferscoupons,flipkarthdfcoffer,latestcashbackoffers,flipkartcreditcardoffers,dealsncashbackcashbackoffers

cashbackcoupons

Amazon cashback offers today, Amazon cashback offers, Amazon cashback offers on mobiles,
amazon cashback offers today,amazon cashback offers,amazon cashback offer august,amazon citibank cash back offer,amazon cashback offer on hdfc credit card,amazon cashback offer on hdfc credit card,amazon cashback offer jio,amazon cashback offers on mobiles,amazon pay cashback offer today,amazon offers 10 cashback




Flipkart HDFC Offer 2018 | Flipkart Offers Today | Flipkart Bank Offer

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

Flipkart CashBack Offers Flipkart CashBack Offers

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

Flipkart CashBack Offers Flipkart CashBack Offers



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 is one of the biggest world wide eCommerce Site so here you will getFlipkart big billion day offer


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

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

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

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

Flipkart CashBack Offers Flipkart CashBack Offers

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

Flipkart CashBack Offers Flipkart CashBack Offers

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

Flipkart CashBack Offers Flipkart CashBack Offers



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

Flipkart CashBack Offers Flipkart CashBack Offers


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

Flipkart CashBack Offers Flipkart CashBack Offers

hi nice information like your website .Cashback Offers
Cashback Coupons
Cashback Offers
coupons


cashback coupons
so please check it once our site
Cashback Offers thank you


HDFC Credit card Offers flipkart
flipkart Credit card offers
flipkart offers
Flipkart bank cashback offers
Flipkart Cashback
Flipkart HDFC Offer
SBI cashback offer flipkart
flipkart cashback offers
flipkart Best Offers
flipkart laptop offers
flipkart mobile Offers
Flipkart cashback Coupons
hdfc offers mobile flipkart
flipkart cashback offers
flipkart washing machine cashback
flipkart Air conditioner Offers

https://flipkart-cashback-offers-today.blogspot.com

Flipkart is one of the biggest world wide eCommerce Site so here you will get Flipkart cashback offers so please check it once our site
Flipkart Offers thank you
HDFC Credit card Offers flipkart
flipkart Credit card offers
flipkart offers
Flipkart bank cashback offers
Flipkart Cashback
Flipkart HDFC Offer
SBI cashback offer flipkart
flipkart cashback offers
flipkart Best Offers
flipkart laptop offers
flipkart mobile Offers
Flipkart cashback Coupons
hdfc offers mobile flipkart