2014-09-26 10 views
5

मेरे पास एक div है जिसमें क्लास नाम myClass और id name myId है। Div में निम्नलिखित शैली है।दृश्यता संपत्ति बदलना

.myClass { 
    height: 74%; 
    margin-top: -1px; 
    position: relative; 
    overflow-y: auto; 
    width: 100%; 
    overflow-x: hidden; 
    visibility: hidden; 
} 

जब मैं दृश्यता दिखाई को छिपे हुए से बजाय वर्ग JQuery में इस आईडी

$('#myId').css({ 'visibility': 'visible' }); 

मैं उपयोग कर रहा हूँ कर रहा है क्योंकि एक ही कक्षा दूसरों तत्वों को भी लागू किया जाता है परिवर्तित करने के लिए प्रयास करें। मेरा div अभी भी दिखाई नहीं दे रहा है। मैं क्या गलत कर रहा हूं?

+0

http://jsfiddle.net/rj71cvLe/ –

+4

जाहिर है कि के साथ गलत कुछ भी नहीं है इस प्रकार की कोशिश करो। एक पूर्ण, कम परीक्षण केस प्रदान करने का प्रयास करें। – Quentin

+0

आपका कोड सही है और यह ठीक काम करता है, आपको हमें इस समस्या की जड़ को समझने के लिए और जानकारी प्रदान करनी चाहिए। http://codepen.io/toroncino/pen/nughx –

उत्तर

0

तुम क्यों की कोशिश नहीं करते हैं:

$('#myId').css('display', 'block'); 

या का प्रयास करें:

<style> 
.visible { display:block !important;} 
</style> 
$('#myId').addClass('visible'); 
0

अपने visibility: hidden; करने के लिए display: none;

बदलें तो jQuery

$('#myId').css('display','block'); 
0

अद्यतन हाँ यो यू निम्न तरीकों से टैग के अंदर सामग्री के लिए

$('#myId').css('display','block'); 

$('#myId').css('display','inline'); 

$('#myId').show(); 
0
सीएसएस में

दृश्यता संपत्ति प्रभाव ऐसा कर सकते हैं कुल टैग करने के लिए प्रदर्शन संपत्ति प्रभाव है, जिसका अर्थ है, जबकि कि यदि आप display:none; लागू यह पूरे टैग निकाल दिया जाएगा लेकिन visibility:hidden सामग्री छिपा उस टैग के अंदर।

चूंकि: दृश्य एक jQuery चयनकर्ता है, आप टैग के अंदर सामग्री को छिपाने के लिए दृश्यता के बजाय अस्पष्टता का उपयोग कर सकते हैं।

$('#myId').css('opacity','1'); 
$('#myId').css('opacity','0'); 

अगर आप पूरे टैग छुपाने के लिए, बेहतर प्रदर्शन से कोई भी

0

केवल साधारण जाना के साथ जाने की जरूरत है, वहाँ एक एपीआई छिपने और डोम तत्वों को दिखा के लिए jQuery में उपलब्ध है। के रूप में

$('#myId').hide(); // for hiding the element 

    $('#myId').show(); // to show up the element 
संबंधित मुद्दे