view.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				SecondFragment fragment = new SecondFragment();
				// used to inform the second fragment
				FragmentInformer informer = new FragmentInformer(getContext());
				// color of the cricle
				informer.setCircleColor(color);
				// if your views are behind status bar set this to true (Used In API 19+)
				boolean is_views_behind_status_bar = false;
				// the base view that the start point of color pop would be exactly center of that
				// view if mode is set to FragmentInformer.MODE_CENTER
				informer.setBaseView(v, FragmentInformer.MODE_CENTER,
						is_views_behind_status_bar);
				//finally inform the fragment with this call
				informer.informColorPopFragment(fragment);
			    //Fragment transaction
				FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
				transaction.addToBackStack(null);
				transaction.add(android.R.id.content, fragment);
				transaction.commit();
			}
		});

// note that your class must extend ColorPopFragment or ColorPopPageFragment (which have a different usage)
public class SecondFragmentList extends ColorPopFragment{
    // the base view of fragment
	private View fragment_view;
	
	// this void is called after onCreateView in fragment
	// Note : the visibility of returned view in this method would be set to INVISIBLE
	@Override
	public View onCreateFragmentView(LayoutInflater inflater,
			ViewGroup container, Bundle savedInstanceState) {
		fragment_view = inflater.inflate(R.layout.fragment_second_list,
				container, false);
		return fragment_view;
	}
	// called after the pop animation ends
	@Override
	public void onBackgroundAnimationEnd() {
	    // set visibility of fragment_view to VISIBLE
		fragment_view.setVisibility(View.VISIBLE);
	}
}