resizable grid column с изображением next и prev

Question

Я пытаюсь создать веб-сайт строителя на основе столбца сетки.

Чтобы сделать столбцы, я хочу изменить ширину с помощью изображений с помощью jQuery UI library, я не могу изменить размер изображения.

Можно ли изменить размер с помощью next и prev изображений стрелок ?.

Вот у меня есть этот пример, но без стрелок:

$(function() { 
    $("#resizable").resizable({ 
     grid: 50 
    }); 
}); 

JSFIDDLE

Вы можете помочь, пожалуйста?

Answer 1

Здесь

$('#prev').click(function(){ 
    $("#resizable").css({"width": $("#resizable").width()-10}); 
}); 
$('#next').click(function(){ 
    $("#resizable").css({"width": $("#resizable").width()+10}); 
}); 

JSFIDDLE DEMO