2013-08-27 12 views
6

मैं div को छिपाने के बारे में कैसे जाउंगा और केवल एक पृष्ठ पर कोई अन्य div मौजूद होने पर इसे प्रदर्शित करूँगा? मैं jQuery अनुमान लगा रहा हूँ या js जाने का रास्ता हो सकता है ....केवल तत्व प्रदर्शित करें यदि कोई अन्य तत्व मौजूद है

<style type="text/css"> 
.always-here { 
    display:none; 
} 
</style> 

<div class="im-here">This div exists on this particular page!</div> 
<div class="always-here">This div is always here but has the style 
display: none unless a div with the class "im-here" exists.</div> 

उत्तर

7

अपने वर्तमान वर्तमान एचटीएमएल के लिए आप क्या कर सकते हैं

.always-here { 
    display:none; 
} 
.im-here ~ .always-here{ 
    display:block; 
} 

इस केवल तभी काम करेगा यदि .always-here और .im-here भाई बहन हैं और .im-here पहले आते हैं।

http://jsfiddle.net/BKYSV/ - .im-here वर्तमान
http://jsfiddle.net/BKYSV/1/ - .im-here अनुपस्थित

+0

वाह, यह नहीं पता था कि इसे सीएसएस के साथ हल किया जा सकता है। क्या यह विधि क्रॉस ब्राउज़र संगत है? – Heather

+0

@ हेदर http://reference.sitepoint.com/css/generalsiblingselector देखें, https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_selectors, https://www.google.tt/ खोज? q = सामान्य + भाई + चयनकर्ता और OQ = सामान्य + भाई + चयनकर्ता & AQS = chrome..69i57j0l3.6681j0 और sourceid = क्रोम और यानी = UTF-8 # fp = 828651ec3b51e1b8 & q = सीएसएस + सामान्य + भाई + चयनकर्ता + ब्राउज़र + समर्थन – Musa

0

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

if($(".im-here").length) 
$(".always-here").show(); 
1
$(document).ready(function(){ 
    if($(".im-here").length > 0) 
    { 
     $(".always-here").show(); 
    } 
}); 
यहाँ

कोड है Click Here!

0

हाँ आप कर सकते हैं कि jQuery उपयोग इस कोड

$(document).ready(function(){ 
    if($('.im-here').length) 
     $('.always-here').show(); 
}); 

देखने से 012,

संबंधित मुद्दे