Someone asked this tutorial. I spent few hours and created this. Go thorough the step-by-setp procedure at below: Step 1 Creating a new JS file for toggle effect
dashicons
Adding toggle search form using Parallax PRO Theme
Step 1: Add search Dashicons into main navigation. Navigate to Appearance > Menus and add a custom menu “Search“. Now expend “Screen Options” section and check the “CSS Classes” checkbox. Again expend the “Search” menu and add “toggle-search” css in CSS Classes text field. Now save your menu. Step 2: Adding following CSS in style.css… Keep Reading about Adding toggle search form using Parallax PRO Theme