var els = document.getElementsByName('abc');
var val = els[0].value;
var val = $('input[name="abc"]').val();
<div class="rating">
<a href="#" class="up" name="voite1">↑</a>
<a href="#" class="down" name="voite1">↓</a>
<input type="hidden" value="1" class="btn" />
<input type="hidden" value="1" class="dtn" />
<span id="numb">37</span>
</div>
$(function(){
$('.up').click(function(){
var btn = $(this).siblings('.btn').val();
if (btn<2){
var number = $(this).siblings('span').text();
var dtn = $(this).siblings('.dtn').val();
++number;
$(this).siblings('span').text(number).removeClass("red").addClass("blue");
++btn;
--dtn;
$(this).siblings('.btn').val(btn);
$(this).siblings('.dtn').val(dtn);
}
});
$('.down').click(function(){
var dtn = $(this).siblings('.dtn').val();
if (dtn<2){
var number = $(this).siblings('span').text();
var btn = $(this).siblings('.btn').val();
--number;
$(this).siblings('span').text(number).removeClass("blue").addClass("red");
++dtn;
--btn;
$(this).siblings('.btn').val(btn);
$(this).siblings('.dtn').val(dtn);
}
});
});
function visibleOnClick (node) {
var visible = node.childNodes[1];
visible.style.opacity = (visible.style.opacity == 0 ? 1 : 0);
}
<div class='box' onclick='visibleOnClick(this)'>
<ul class='visible'>
<li>blabla</li>
<li>blabla</li>
</ul>
</div>