बूटस्ट्रैप अवरुद्ध jQuery समारोह

Question

मैं jQuery, जो वर्ग ".hide 'के तहत रखा जा करने के लिए एनिमेटेड किया जा करने के लिए सामग्री की आवश्यकता से slideDown फ़ंक्शन का उपयोग करना, .hide मैं अपने कस्टम सीएसएस में यह था के लिए

:

.hide { 
    display: none; 
} 

जो बूटस्ट्रैप सीएसएस के साथ विरोध हुआ के रूप में यह शामिल हैं:

.hide { 
    display: none !important; 
} 

इस प्रकार जब मैं इन दोनों स्टाइलशीट जुड़ा हुआ है, slideDown काम कर was'nt, तो मैं दोनों च में .hide के विभिन्न रूपों की कोशिश की आईल्स, अंत में हटा रहा है। मेरी कस्टम सीएसएस फ़ाइल से पूरी तरह से काम किया गया,

इसलिए मेरी ques यही है। कस्टम सीएसएस में देखें परिणाम को प्रभावित करते हैं जब बूटस्ट्रैप ".hide" और कस्टम सीएसएस ".hide" में परिभाषित गुण हैं इसके अलावा "! महत्वपूर्ण" को छोड़कर बिल्कुल वही है (मुझे लगता है, अगर मैं गलत हूं तो कृपया सही करें) का अर्थ है कि कस्टम चयनकर्ता को वरीयता दी जाएगी?

मैं अपने कोड codepen का उपयोग करने का काम कर रहे संस्करण साझा करने के लिए कोशिश कर रहा हूँ, लेकिन मुझे नहीं पता क्यों मेरे कोड पर अभी भी does'nt wrok codepen: http://codepen.io/anon/pen/RaGJwE

Answer 1

!important हमेशा बहुत मजबूत है। यदि आप display: block !important; बाद में उपयोग करते हैं तो इसे केवल बाईपास किया जा सकता है।

बूटस्ट्रैप द्वारा लक्षित "छिपाने" या "छिपा" वर्गों का उपयोग करने का सबसे आसान तरीका नहीं होगा। कक्षा को "छुपाएं" या इस अद्यतन पहेली में कुछ और बदलें: http://codepen.io/anon/pen/MyjXOv