Скрытие мои рельсы Div с помощью JS

Question

Мои продукты посмотреть:

<a href="#" id="show_metrics">Show Metrics</a> 
    <div id="metrics" class="hidden"> 
<%="Number of Primary Products: #{Product.total_product_size(rating_set).count}"%><br/> 
<%="Number of Recommendations: #{Product.total_recommendation_size(rating_set).count}"%><br/> 
<%="Percentage of Bad Recommendations: #{bad}/#{total} = #{number_to_percentage(percentage_bad, :precision => 2)}"%> 
</div> 

products.js.coffee:

$ -> 
    $("a#show_metrics").click (event) -> 
    event.preventDefault() 
    $("div#metrics").toggle() 

"Показать контактные Метрики" ссылка показывает на мой взгляд, однако, ничего не происходит, когда связь , но когда я просматриваю свой источник страницы, я вижу, что моя метрика div является скрытым значением. Что мне нужно изменить, чтобы показать информацию о показателях, когда нажата ссылка «Показать показатели».

Сгенерированный HTML:

<div id="metrics" class="hidden"> 
Number of Primary Products: 5 
<br> 
Number of Recommendations: 105 
<br> 
Percentage of Bad Recommendations: 0/0 = NaN% 
</div> 

Сформирован JS:

(function() { 
$(function() { 
return $("a#show_metrics").click(function(event) { 
event.preventDefault(); 
return $("div#metrics").show(); 
}); 
}); 
}).call(this); 

Answer 1

Я думаю, вы можете просто сделать:

$("div#metrics").removeClass("hidden") 

поэтому добавьте его в код, как это:

$ -> 
    $("a#show_metrics").click (event) -> 
    event.preventDefault() 
    $("div#metrics").removeClass("hidden") 

наоборот, если вы хотите, чтобы скрыть это вы будете делать:

$("div#metrics").addClass("hidden") 

Answer 2

jQuery -> 
    $("a#show_metrics").click (event) -> 
    event.preventDefault() 
    $("div#metrics").toggle()