<script type="text/javascript">
jQuery(function( $ ) {
//Mail
$('.successfulform').hide();
$(document).ready(function () {
$(".form_tab form").submit(function () {
var formID = $(this).attr('id');
var formNm = $('#' + formID);
$.ajax({
type: "POST",
url: '<?php bloginfo('template_url'); ?>/mail.php',
data: formNm.serialize(),
success: function (data) {
$('.successfulform').show('1000');
document.forms['formMain'].reset();
},
error: function (jqXHR, text, error) {
$(formNm).html(error);
}
});
return false;
});
});
// Hide .successfulform
$(document).ready(function() {
$(".successclose").click(function(){
$(".successfulform").slideToggle("slow");
});
});
});
</script>
<?php
$temp = $wp_query;
$wp_query = null;
$wp_query = new WP_Query();
$wp_query->query('showposts=-1&post_type=post'.'&paged='.$paged);
while ($wp_query->have_posts()) : $wp_query->the_post();
?>
<!-- тут js код -->
<?php endwhile; ?>
<?php
$wp_query = null;
$wp_query = $temp;
?>
<div class="article__slider">
<img src="./pic/jpg/article2.jpg" alt="" class="article__slide">
<img src="./pic/jpg/article1.jpg" alt="" class="article__slide">
<img src="./pic/jpg/article3.jpg" alt="" class="article__slide">
</div>
function gallery_function($attr, $text=''){
// получаем массив ID картинок
$img_src = explode(",", $attr['ids']);
// шаблон удаления атрибутов width/height
$pattern = '#(width|height)="\d+"#';
$return = '<div class="clear"></div><div class="article__slider">';
// счетчик
$i = 1;
foreach ($img_src as $item) {
// получаем HTML-код картинки
$image_url = wp_get_attachment_image_url( $item, 'thumb_slider' );
// вырезаем атрибуты width/height
$image_url = preg_replace($pattern, "", $image_url);
// формируем вывод картинок
$return .= '<img alt="" class="article__slide" src="'.$image_url.'">';
$i++;
}
$return .= '
</div><div class="clear"></div>';
echo $return;
}
add_shortcode('galleryjan','gallery_function');
<button class="btn btn-default" id="userSettings" style="font-size: 20px;"><i class="fa fa-gear"></i>Test
<div class="settings" style="display: none;">
<h1>panel settings</h1>
</div>
</button>
<script type="text/javascript">
$(document).ready(function(){
$('#userSettings').click(function(){
$('#userSettings .settings').slideToggle();
})
});
</script>