Здравствуйте, не могу решить элементарную задачу, есть страница с элементами. при щелчке на элемент у него появляется рамка, при повторном должна убираться.
<body>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<script type="text/javascript">
$('p').css('border','none');
$('p').click(function(){
alert(3);
if($(this).css('border')=='none')
$(this).css('border','1px solid black');
else
$(this).css('border','none');
});
</script>
</body>
Проую этот код, ничего не работает , если вызвать alert($(this).css('border')) элемента с границей, выдасться пустота.