<apex:page controller="ShowAccWithContactController" sidebar="true" showHeader="false">
    <apex:form >
        <apex:pageBlock title="Accounts List">
          <b>  <apex:outputLabel >On Clicking the Account Name you will see the Opp associated..</apex:outputLabel></b><br/><br/>
        <apex:repeat value="{!accounts}" var="acc">
           <b> <apex:commandLink value="{!acc.Name}" action="{!showOpps}" onclick="click()">
                 <apex:param name="accountId" value="{!acc.id}" assignTo="{!accountId}"/>
                 <!--apex:outputText value="{!acc.shippingcity}"></apex:outputText-->
            </apex:commandLink></b>
            <br/><br/> 
        </apex:repeat>
               
    </apex:pageBlock>
        <apex:pageBlock title="Opp List" id="OppBlock" rendered="{!conenable}"> 
        <!--apex:pageBlockTable value="{!contacts}" var="con"-->
        <apex:repeat value="{!Opps}" var="op">
            <apex:outputLabel rendered="{!enable}">
            <apex:outputField value="{!op.name}">
                </apex:outputField></apex:outputLabel>
            </apex:repeat>
    </apex:pageBlock>
</apex:form>
</apex:page>

public class ShowAccWithContactController {
    
    public boolean enable{get;set;}
    public boolean conenable{get;set;}
    public boolean disable{get;set;}
    public list<account> accounts{get;set;}
    public String accountId {get; set;}
    public list<Opportunity> Opps{get;set;}
    
    public ShowAccWithContactController()
    {
        string acc='select id,name,shippingcity from account limit 20';
        accounts=database.query(acc);
        enable=true;
        conenable=false;
        disable=false;
    }
    
    public PageReference showOpps() {
        conenable=true;
        enable=true;
        disable=false;
        Opps= [Select id, name from Opportunity where AccountId = :accountId];
        return null;
    }
}