Скрыть Div на основе содержимого других Div

Question

У меня есть DIV, который содержит переменную, которая является категория элемента дисплея, а также DIV, содержащий ссылку на таблицу размеров, как так:

<div class="category">Costume</div> 

<div class="chart"> <a id="SizeChart" href="http://http://shopping.netsuite.com/partycentre" target="_blank">Size Chart</a></div></div> 

Я хотел бы, чтобы отобразить диаграмму размера DIV только если категория является «костюм» - Я пробовал следующий сценарий, но он не работает:

<script type="text/javascript"> 
jQuery(document).ready(function() { 
if($('.category').html() == Costume) { 
    $('.chart').css('display', 'block'); 
} else { 
    $('.jkmart').css('display', 'none'); 
} 
}); 
    </script> 

*** EDIT: Спасибо всем за ваши ответов, исправление было незначительной проблемой с синтаксисом вокруг «Костюма»

Answer 1

Costume является строковым поэтому он должен быть заключен в '' или ""

jQuery(document).ready(function() { 
    if ($('.category').html() == 'Costume') { 
     $('.chart').css('display', 'block'); 
    } else { 
     $('.jkmart').css('display', 'none'); 
    } 
}); 

, если вы посмотрите на консоли браузера он должен иметь ссылочную ошибку для переменного костюма

Answer 2

Может быть, вы должны добавить кавычки костюма в коде

<script type="text/javascript"> 
jQuery(document).ready(function() { 
if($('.category').html() == "Costume") { 
    $('.chart').css('display', 'block'); 
} else { 
    $('.jkmart').css('display', 'none'); 
} 
}); 
    </script> 

Answer 3

$(document).ready(function() { 
    if($('.category').html() == 'Costume') { 
     $('.chart').css('display', 'block'); 
    } else { 
     $('.jkmart').css('display', 'none'); 
    } 
}); 

Answer 4

челобитных e измените «Костюм» на «Костюм 1» и попробуйте ниже код

if($('.category').html() == "Costume") { 
     $('.chart').css('display', 'block'); 
} else { 
     $('.chart').css('display', 'none'); 
}