ajax

1) You should really use a separate JS file. 2) Check this guide: https://premium.wpmudev.org/blog/using-ajax-with-wordpress/

add this two hooks at the end of your ajax-cities.php file add_action(‘wp_ajax_my_action’, ‘my_action’ ); add_action(‘wp_ajax_nopriv_my_action’, ‘my_action’);

I do not think you need any AJAX here, You can do this also using jQuery Slide method. http://docs.jquery.com/UI/Effects/Slide Try here http://www.w3schools.com/jquery/jquery_slide.asp http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_down

First there is bit of a snag in your terminology – “responsive” nowadays primarily refers to sites that adapt to screen sizes and is mostly unrelated to dynamically loaded content. WordPress is not natively engineered for Ajax themes. It is of course possible and people do create such, but as percentage of overall theme building … Read more

Create simple functions like function func_for_ajax(){ wp_localize_script( ‘ajax_custom_script’, ‘frontendajax’, array( ‘ajaxurl’ => admin_url( ‘admin-ajax.php’ ))); echo “simple demo ajax”; } Than create your ajax pass in wordpress action threw this function name directly. jQuery.ajax({ type: “POST”, action: ‘func_for_ajax’, url: ‘ajaxurl’, success: function(data){ jQuery(‘#content2’).html(data); } });

See documentation WordPress have admin-ajax.php file in wp-includes/ folder. Put in your data parametr action and create hooks: add_action(‘wp_ajax_{your_action}’, ‘handler’); add_action(‘wp_ajax_nopriv_{your_action}’, ‘handler’); ajax.url parametr you can get by using wp_localize_script(‘YOUR SCRIPT handle’, ‘ajax’, array(‘url’=> admin_url(‘admin-ajax.php’))) All code must looks like: add_action( ‘wp_enqueue_scripts’, ‘callback_for_setting_up_scripts’ ); function callback_for_setting_up_scripts() { wp_register_style( ‘mein-plugin’, plugins_url( ‘style.css’, __FILE__ ) ); wp_enqueue_style( … Read more