<option> свой value, а <select> назначить name, тогда при отправке формы текущая страница будет перезагружаться с GET-параметром: ?name=option_value<a>) в виде выпадающего списка.
<span class="show_widget">Показать с помощью моей кнопки</span>
<span class="hide_widget">Скрыть с помощью моей кнопки</span>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?151"></script>
<!-- VK Widget -->
<div id="vk_community_messages"></div>
<script type="text/javascript">
var widget = VK.Widgets.CommunityMessages("vk_community_messages", 120401514, {tooltipButtonText: "Я онлайн! Отвечу на все ваши вопросы."});
$('.show_widget').click(function(){
widget.expand();
});
$('.hide_widget').click(function(){
widget.minimize();
});
</script>$(document).ready(function(){
$("form").submit(function(event){
var $parent = $("#name, #email").parent().removeClass("has-success has-error");
//проверка поля name
$("#name").parent().addClass($("#name").val() ? "has-success" : "has-error");
//проверка поля email
$("#email").parent().addClass($("#email").val() ? "has-success" : "has-error");
// запрещаем отправлять, если есть хоть одна ошибка
if($parent.hasClass("has-error")) {
event.preventDefault();
}
});
});$(document).ready(function(){
$("form").submit(function(event){
$("#name, #email").each(function(){
$(this).parent()
.removeClass("has-success has-error")
.addClass($(this).val() ? "has-success" : "has-error")
.hasClass("has-error")
&& event.preventDefault();
});
});
});<a href="#tab1">$('a[href^="#tab"]').click(function(){
$.ionTabs.setTab("Tabs_Group_name", "Tab_" + $(this).attr("href").replace('#tab', '') + "_name");
});<div class="content">
<div id="tab1">Beratung</div>
<div id="tab2">Jahresabschluss</div>
<div id="tab3">Finanzbuchhaltung</div>
<div id="tab4">Lohn- und Gehaltsbuchführung</div>
<div id="tab5">Steuererklärungen</div>
</div>.content {
position: relative;
}
.content > div {
position: absolute;
display: none;
background: #eee;
width: 100%;
}
.content > div:first-child,
.content > div:target {
display: block;
}transition и вместо display оперировать width или opacity
.parent {
overflow: hidden;
}
.child {
margin-right: -20px;
padding-right: 20px;
}$().animate() (ссыль) или в сторону шорткатов $().hide(200), $().show(200), $().fadeIn(200), $().fadeOut(200)overflow: hidden
html, body {
padding: 0;
margin: 0;
}display: block, ибо он занимает всю ширину родителя, либо сделайте отдельный сайдбар справа.<a href="#">Ссыль</a>. И да, ответ элементов на действия пользователя (наведение, клик) естественно должны быть. иначе не кошерно.