jQuery onclick show/hide box в Wordpress

Question

Код, который я приложил ниже, кажется, делает его дело, но когда я включаю его на свой сайт Wordpress, он просто не сработает. Так есть ли что-нибудь в частности, что я должен сделать, чтобы включить его правильно? Я даже пытался добавить его через wp_register/enqueue_script, но я до сих пор ничего не получил: S

Вот код:

<style> 
#drop { 
    display: none; 
} 
</style> 

<script> 
$(document).ready(function(){ 
    $('#trigger').click(function(event){ 
     event.stopPropagation(); 
     $('#drop').toggle(); 
    }); 
    $(document).click(function(){ 
     $('#drop').hide(); 
    }); 
}); 
</script> 

<div class="wrapper"> 
    <a id="trigger" href="#">Click Me</a> 
    <div id="drop">Content</div> 
</div> 

jsfiddle

Любые идеи? Заранее спасибо :)

Answer 1

Сделать это шоу при нажатии на триггер.

$(document).ready(function(){ 
    $('#trigger').click(function(event){ 
     $('#drop').show(); 
    }); 
    $(document).click(function(){ 
     $('#drop').hide(); 
    }); 
}); 

Answer 2

нет конфликтного режима?

var j = jQuery.noConflict(); 

// Do something with jQuery 
j("div p").hide(); // instead $("div p").hide(); 

Answer 3

Мне очень жаль, ребята. Я ценю ваши усилия, и я чувствую себя довольно глупо, когда писал это, но это была очень простая ошибка. Я прилагаю это в одном из оберток JQuery noConflict, что обеспечивает Wordpress:

(function($) { 
    // Inside of this function, $() will work as an alias for jQuery() 
    // and other libraries also using $ will not be accessible under this shortcut 
})(jQuery); 

я спутался с некоторыми другими функциями и по ошибке я стер скобку закрытия для этой функции я пытался работать.

Глубоко, очень жаль об этом>. <