FragmentTransaction hide und show funktioniert nicht!

Hallo ich habe ein Problem ich habe bis jetzt 2 Fragments und will diese je nach buttonclick show oder hiden nur tut es das ganze nicht was es soll. Hier mal der Code:

public class MainFragment extends Fragment implements View.OnClickListener  {

public Button buttonWebshop,buttonNews, buttonAktionen, buttonUeberUns;
private FragmentManager fm;
private FragmentTransaction ft ;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
{
    fm = getFragmentManager();
    ft = fm.beginTransaction();

    View v = inflater.inflate(R.layout.fragment_main, container, false);

    buttonWebshop = (Button) v.findViewById(R.id.buttonWebShop);
    buttonNews = (Button) v.findViewById(R.id.buttonNews);
    buttonAktionen = (Button)v.findViewById(R.id.buttonAktionen);
    buttonUeberUns = (Button) v.findViewById(R.id.buttonUeberUns);

    buttonWebshop.setOnClickListener(this);
    buttonNews.setOnClickListener(this);
    buttonAktionen.setOnClickListener(this);
    buttonUeberUns.setOnClickListener(this);



    // Inflate the layout for this fragment
    return v;
}

@Override
public void onAttach(Activity activity) {
    super.onAttach(activity);

}

@Override
public void onDetach() {
    super.onDetach();

}

@Override
public void onClick(View v) {
    WebshopFragment webshopFragment = new WebshopFragment();
    MainFragment mFragment = new MainFragment();

    if(v.getId() == R.id.buttonWebShop) {




            ft.hide(mFragment);
            ft.show(webshopFragment);
    }
}

Hallo ich bekomme jetzt aufeinmal eine nullpointerexception in der on click Methode weiß aber nicht warum hier der Code (sorry das der Code nicht in diesem Code elektronische ist bin auf dem Handy on)
public class MainFragment extends Fragment implements View.OnClickListener {

public Button buttonWebshop,buttonNews, buttonAktionen, buttonUeberUns;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
{

setMenuVisibility(true);

View v = inflater.inflate(R.layout.fragment_main, container, false);



buttonWebshop = (Button) v.findViewById(R.id.buttonWebShop);
buttonNews = (Button) v.findViewById(R.id.buttonNews);
buttonAktionen = (Button)v.findViewById(R.id.buttonAktionen);
buttonUeberUns = (Button) v.findViewById(R.id.buttonUeberUns);

buttonWebshop.setOnClickListener(this);
buttonNews.setOnClickListener(this);
buttonAktionen.setOnClickListener(this);
buttonUeberUns.setOnClickListener(this);



// Inflate the layout for this fragment
return v;

}

@Override
public void onAttach(Activity activity) {
super.onAttach(activity);

}

@Override
public void onDetach() {
super.onDetach();

}

@Override
public void onClick(View v) {
WebshopFragment webshopFragment = new WebshopFragment();
MainFragment mFragment = new MainFragment();
MainActivity mainActivity = null;
if (v.getId() == R.id.buttonWebShop) {
mainActivity.getFt().hide(mFragment);
mainActivity.getFt().show(webshopFragment);

}

}
}

Ich habe halt einen webview noch und den will ich vorladen und das geht nur mit Show und hide