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);
  
}
 
}