tigra

выносишь кнопку вперёд за этот блок, оборачиваешь всё в див и профит, js не требуется

<div class="wrap-block">
<div class="block">
  <div class="block__item"></div>
  <div class="block__item"></div>
  <div class="block__item"></div>
  <div class="block__item"></div>
  <div class="block__item"></div>
  <div class="block__item"></div>
</div>
  <span class="block__button">Next</span>
  </div>

.wrap-block {
  width:754px;
  margin:0 auto;
  position:relative;
}

ну если у тебя просто html будет без php, то скрывать блоки изначально и при клике делать видимым блок по какому нибудь идентификатору. Если с php, то ajax'ом подтягивать

float: rigth;
очепятка

в рамках браузера вроде никак.
можешь к тегу body приписать overflow-y:hidden; тогда полоса прокрутки появляться не будет, а к нужному блоку цепляешь плагин, по типу www.xiper.net/collect/js-plugins/ui/jscrollpane2.html и уже стилизуешь как тебе надо.
По крайней мере я делал так, может ещё варианты есть интереснее)

$('.result').text($('.param1').text()+$('.param2').text());

как вариант)

$(window).resize(function () {
	yslovie();	
});

function yslovie() {
	if ($(window).width() < 800) {
			alert('меньше 800px');
		} else {
			alert('больше 800px');
		}	
}

$(".active").replaceWith("<span>имя ссылки</span>")

на https://jsfiddle.net/ выложи вместе с вёрсткой

ну по идее, если yii, то ajax - это контроллер сам в нём action с именем states это и есть обработчик

https://jqueryui.com/datepicker/

ajax подгрузка)

всё просто, в конце функции напиши return false;

тогда сделайте например так.
id вашего блока вставляйте не в саму ссылку а в какой нибудь атрибут.

<a href="#" id-page="first-panel3" class="last-post-title">...text</a>

и при клике по какой либо ссылке, делайте активным блок новости с таким id, который указан в атрибуте у конкретной ссылки

$('.last-posts_list a').click(function () {
       var page = "#"+$(this).attr("id-page");
       $(page).addClass("active");
return false;
});

$this->widget('zii.widgets.CListView', array(
		'id' => 'ajaxitem',
		'dataProvider' => $dataProvider,
		'itemView' => 'application.views.front._item',
		'ajaxUpdate' => false,
		'emptyText' => '<div class="main-content">Товаров не добавлено</div>',
		'template' => '{items}{pager}',
		'itemsTagName' => 'ul id="og-grid"',
		'htmlOptions' => array('class'=> 'ajaxitem'),
		'itemsCssClass' => 'ajaxitem og-grid',
		'pager' => array(
			'class' => 'ext.infiniteScroll.IasPager',
			'rowSelector' => 'li',
			'listViewId' => 'ajaxitem',
			'header' => '',
			'loaderText' => '<div  style="  clear: both;"><img src="../images/admin/loader.gif" width="46" height="46"/></div>',
			'options' => array('history' => false, 'triggerPageTreshold' => 666, 'trigger' => '',
			'onRenderComplete' => new CJavaScriptExpression('function () {
			  $.getScript("/js/grid.js", function(){
                                  Grid.addItems(???????????);
				   Grid.init();
			      });
			}'),
			),
		),
	));

проще: всего запилить качественной картинкой jpg.
сложнее: сделать блоки с текстом и абсолютно их позиционаровать
сложно и нудно: текстовые блоки абсолютно позиционировать и линии эти цеплять к блокам псевдоэлементами

просто инициализируешь 2 fancybox.

<div id="modal1"></div>
<div id="modal2"></div>

<script>
$('#modal1').fancybox();
$('#modal2').fancybox();
</script>

и при клике вызываешь их оба