html help...

The image below shows partial datapassion.net/Certificate.html:
A: Accordion control, first section remains expanded (this is good).
B. Another accordion control (incomplete). When I remove its remaining <div> tags, it collapses the first section of "A" discussed above.
C. A <pre> block.

Question: How can I delete or make "B" invisible but making sure the first section of "A" to remain expanded.
ExtraControlHere is the html code (see line 229):
<!DOCTYPE html>
<html><head><title>Certificates...</title>

    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
   <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
  <!--<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>  -->
	<link rel="stylesheet" type="text/css" href="./styles/resume.css"/>
	  
  <style>
          .accordion{
        width:100%;
        line-height: 50px;
        vertical-align: middle;
      }

      img {
        float:left;
      }

  </style>
  <script>
/*
   $(function() {
    $( ".accordion-div" ).accordion({
      heightStyle: "content",collapsible: true
      });
	  //$(".foo").click();	
            var headers = $('#accordion h3.ui-accordion-header');
    $('.ui-accordion-header-icon', headers).removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
    headers.next().slideUp();
		
  });
  */
   $(function() {
    // open all but the last two
    $( ".accordion-div" ).slice(0,-2).accordion({
      heightStyle: "content",
	  collapsible: true
    });
	// Set active state false for the last two accords
	$( ".accordion-div" ).slice(-2).accordion({
      heightStyle: "content",
	  collapsible: true,
	  active: false
    });
	 });
  </script>
  	<!--   from projects.html  -->
	<script>
	$(document).ready(function(){
		var t;
		var urlSearch = getParameterByName('lnk');
		if (urlSearch.indexOf("ProjectItem") != -1) {		
			var a = $('#' + urlSearch),blinks = 0;
			a.css('width', '77');
			//a.css('font-weight', 'bold');
			$('#' + urlSearch + 'Link')[0].click();
			t = setInterval(function() {
				a.fadeOut(100, function() {
					a.fadeIn(100);
					if (blinks === 4) {
						 clearInterval(t) ;
						 a.css('width', '0');
						 //a.css('font-weight', 'normal');
						 //a.css('visible', 'false');
						 //a.fadeOut(100);
					} else {
						blinks++;
					}			
				});
			}, 800);
		}
	});
	function getParameterByName(name) {
		name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
		var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
			results = regex.exec(location.search);
		return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
	}
	</script>
</head>
<body>
<a href="#ProjectItem1" id="ProjectItem1Link"></a>
<a href="#ProjectItem2" id="ProjectItem2Link"></a>
<a href="#ProjectItem3" id="ProjectItem3Link"></a>

<div class="content">

		<div class="btn-group-vertical">
			<a href="index.html" class="btn btn-default">Resume</a>
			<a href="Videos.html" class="btn btn-default">Videos...</a>
			<a href="Projects.html" class="btn btn-default">Projects...</a>
			<a href="certificate.html" class="current btn btn-default">Certificates...</a>
			<a href="more.html" class="btn btn-default">More...</a>

				<div class="btn-group">
					<a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
						Download
						<span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
						<li><a href="resources/Resume_Mike_Eghtebas_March15_2015.docx">Resume.docx</a></li>
						<li><a href="resources/Resume_Mike_Eghtebas_March15_2015.pdf" target="_blank">Resume.pdf</a></li>
					</ul>
				</div>

		</div>
		
	<div class="wrapper">
   
        <div class="left-col">&nbsp;
		</div> <!-- <div class="left-col"> -->

		<div class="verticalGapTop">&nbsp;</div>

		<div class="right-col nameBlock">
			<p>
				<span class="name">Mike M Eghtebas</span><br>
				<span class="title">Database Development & Web Programming</span><br>
			</P>
		</div> <!-- <div class="right-col nameBlock"> -->
           
		<div class="horizontalGap">&nbsp;</div>   

		<div class="left-colBottom">
                
		</div> <!-- <div class="left-colBottom"> -->
 			
		<div class="verticalGapBottom">&nbsp;</div>

		<div class="right-colBottom">

		<span class="blue18">Certificates:</span><br/><br/>
<!--
			<p class="name"><br>Certificates:</p>-->
			<div class="accordion-div">
				
				<h1>Microsoft</h1>
				<div id="accordion" class="accordion-div">
				<h2 class="foo">Microsoft Technology Associate, MTA 98-364</h2>
				
				<div>
					<ul>
					  <li>
						MTA Database track, data platyform adminstration and business intelligence.
						Passed on January 2015. <a href="./images/mta.png" target="_blank"><abbr title="Certificate">MTA 98-364</abbr></a>
					  </li>
					</ul>
				</div>
				<h3>Querying Microsoft SQL Server 2012</h3>
				<div>
					<p>
						
						Querying Microsoft SQL Server 2012<br>
						Recived <a id="A4a" href="./images/certNHZ.png" target="_blank"><abbr title="Certificate of completion">Certificate of Completion</abbr></a>
						for course 20-461 covering: <br>
						Create database objects (tables, views, indexes, constraints, etc.)<br>
						Queries (select, sub-queries, implement data types, aggregate queries, xml data)<br>
						Scheduled to pass Microsoft Exam 70-461 on December 22, 2015.
						
					</p>
				</div>
			</div><!-- <div class="accordion-div"> -->
			</div>
		  <hr>
		    
			<div class="accordion-div">
                <a><img id="ProjectItem1" width="0" height="26"  src="./images/arrow1.png" alt="arrow">Expert Exchange&nbsp;&nbsp;&nbsp;</a>
				<!---->
				<div id="accordion2" class="accordion-div">
				<h2 class="foo">Master 50,000 points (count: 11)</h2>
				
			  <div>
				<ol>
					<li><a href="resources/eeCertificates.pdf#page=15"  target="_blank">Programming for ASP.NET </a></li>
					<li><a href="resources/eeCertificates.pdf#page=13"  target="_blank">C# Programming Language</a>  </li>
					<li><a href="resources/eeCertificates.pdf#page=16"  target="_blank">VB.NET Programming</a> </li>
					<li><a href="resources/eeCertificates.pdf#page=12"  target="_blank">.NET</a> </li>
					<li><a href="resources/eeCertificates.pdf#page=14"  target="_blank">MS SQL Server</a></li>
					<li><a href="resources/eeCertificates.pdf#page=17"  target="_blank">MS SQL Server 2008 Access</a></li>
					<li><a href="resources/eeCertificates.pdf#page=10"  target="_blank">SQL Query Syntax</a></li>
					<li><a href="resources/eeCertificates.pdf#page=9"  target="_blank">Access Coding/Macros</a></li>
					<li><a href="resources/eeCertificates.pdf#page=8"  target="_blank">Access Forms</a></li>
					<li><a href="resources/eeCertificates.pdf#page=11"  target="_blank">Access Reports</a></li>
					<li><a href="resources/eeCertificates.pdf#page=7"  target="_blank">Microsoft Access Database</a></li>
				</ol>
			  </div>
			  
				<h2 class="foo">Guru 150,000 points (count: 3)</h2>
			  <div>
				<ol>
					<li><a href="resources/eeCertificates.pdf#page=4"  target="_blank">Microsoft Access Database</a></li>
					<li><a href="resources/eeCertificates.pdf#page=5"  target="_blank">Access Forms</a></li>
					<li><a href="resources/eeCertificates.pdf#page=6"  target="_blank">Access Coding/Macros</a></li>
				</ol>
			  </div>
			  
				<h2 class="foo">Wizard 300,000 points  (count: 1)</h2>
			  <div>
				<ol>
					<li><a href="resources/eeCertificates.pdf#page=3"  target="_blank">Microsoft Access Database</a></li>
				</ol>
			  </div>

				<h2 class="foo">Sage 500,000 points (count: 1)</h2>
				
			  <div>
				<ol>
					<li><a href="resources/eeCertificates.pdf#page=2"  target="_blank">Microsoft Access Database</a></li>
				</ol>
			  </div>
			  
				<h2 class="foo">Genius 1,000,000 points (count: 1)</h2>
				
			  <div>
				<ol>
					<li><a href="resources/eeCertificates.pdf#page=1"  target="_blank">Microsoft Access Database</a></li>
				</ol>
			  </div>				  
		
			</div><!-- <div class="accordion-div"> -->
			</div>		
			<hr>
		  <!--<a id="SampelEEQA"></a><br/><br/>-->
		  <div class="accordion-div">

				<div id="accordion3" class="accordion-div">
				

				</div>
			</div><!-- <div class="accordion-div"> 
			</div>-->
			Sample questions I have answered at experts-exchange.com online: &nbsp;&nbsp;&nbsp;&nbsp;<a><img id="ProjectItem2" width="0" height="26"  src="./images/arrow1.png" alt="arrow"></a>

		<pre>
• <a href="http://www.experts-exchange.com/questions/28736828/SQL-Update-Query.html"  target="_blank">SQL Update Query</a>
• <a href="http://www.experts-exchange.com/Programming/Languages/.NET/ASP.NET/Q_28490785.htm"  target="_blank">User control event firing multiple times asp.net c#</a>
• <a href="http://www.experts-exchange.com/questions/28554419/SQL-Server-2008-R2-Strip-most-all-text-but-keep-specific-text.html"  target="_blank">SQL Server 2008 R2 - Strip most all text but keep specific text</a>		
• <a href="http://www.experts-exchange.com/Programming/Languages/C_Sharp/Q_28562310.html"  target="_blank">MVC - combining two field in a drop down from joint table</a>
• <a href="http://www.experts-exchange.com/Database/MySQL/Q_28580999.html"  target="_blank">Mysql, ordering results by the highest score (inner query)</a>

• <a href="http://www.experts-exchange.com/Programming/Languages/.NET/Visual_Basic.NET/Q_28616110.html"  target="_blank">Values only change when i use the mouse</a>
• <a href="http://www.experts-exchange.com/questions/28678994/SQL-Query-Syntax.html"  target="_blank">SQL Query Syntax</a>
• <a href="http://www.experts-exchange.com/questions/28728284/Access-2003-query-long-list-of-or-not-working.html"  target="_blank">Access 2003 query, long list of "or" not working</a>
• <a href="http://www.experts-exchange.com/questions/28719106/SQL-Script-help.html"  target="_blank">SQL Script help</a>
• <a href="http://www.experts-exchange.com/questions/28714509/Link-two-temp-tables-to-get-a-result-set.html"  target="_blank">Link two temp tables to get a result set</a>

• <a href="http://www.experts-exchange.com/questions/28712738/How-to-Club-Rows-in-One-Row-As-Others-SQL-Server.html"  target="_blank">How to Club Rows in One Row As Others - SQL Server</a>
• <a href="http://www.experts-exchange.com/questions/28705867/Select-first-occurrence-of-record-in-SQL-Server.html"  target="_blank">Select first occurrence of record in SQL Server</a>
• <a href="http://www.experts-exchange.com/questions/28705198/TRIM-out-of-a-text-Field.html"  target="_blank">TRIM ; out of a text Field</a>
• <a href="http://www.experts-exchange.com/questions/28704621/find-duplicate-column-within-a-group.html"  target="_blank">find duplicate column within a group</a>
• <a href="http://www.experts-exchange.com/questions/28704135/Insert-Record-if-no-records-found-SQL.html"  target="_blank">Insert Record if no records found - SQL</a>
				
• <a href="http://www.experts-exchange.com/questions/28703780/TOP-N-BY-GROUP.html"  target="_blank">TOP N BY GROUP</a>
• <a href="http://www.experts-exchange.com/questions/28701762/IIF-to-include-Null-Values-from-Table.html"  target="_blank">IIF to include Null Values from Table</a>
• <a href="http://www.experts-exchange.com/questions/28701002/How-to-remove-then-re-add-table-constrains.html"  target="_blank">How to remove, then re-add table constrain</a>
• <a href="http://www.experts-exchange.com/questions/28699373/sql-DateDiff-help.html"  target="_blank">sql DateDiff help</a>
• <a href="http://www.experts-exchange.com/questions/28697920/T-SQL-CTE-for-finding-Parent-Prior-Peer-Next-Peer-Child.html"  target="_blank">T-SQL CTE for finding Parent, Prior Peer, Next Peer, Child</a>

• <a href="http://www.experts-exchange.com/questions/28695999/SQL-2005-Exclude-records-from-Select.html"  target="_blank">SQL 2005 - Exclude records from Select</a>
• <a href="http://www.experts-exchange.com/questions/28695595/SQL-Server-Transpose-partially-at-least.html"  target="_blank">SQL Server Transpose , partially at least</a>
• <a href="http://www.experts-exchange.com/questions/28694746/User-Defined-Function.html"  target="_blank">User Defined Function</a>
		</pre>
		  
			  
		  <!--	-->
		</div> <!-- <div class="right-colBottom"> -->
	</div> <!-- <div class="wrapper"> -->

	<div class="footer"> 
        <div class="note"><span>September 2015 update, single page</span> </div>
		<div class="cssLogo"><img style="border:0;width:44px;height:15px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue"  alt="Valid CSS!" /> </div>
	</div>

</div><!-- <div class="content"> -->
</body>
</html>

Open in new window

LVL 34
Mike EghtebasDatabase and Application DeveloperAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

lenamtlCommented:
Just remove thi part

<div class="accordion-div ui-accordion ui-widget ui-helper-reset" role="tablist">

				<div id="accordion3" class="accordion-div ui-accordion-header ui-state-default ui-accordion-icons ui-accordion ui-widget ui-helper-reset ui-state-focus ui-corner-top ui-accordion-header-active ui-state-active" role="tablist" aria-selected="false" aria-expanded="false" tabindex="1"><span class="ui-accordion-header-icon ui-icon ui-accordion-header ui-state-default ui-accordion-icons ui-state-focus ui-corner-top ui-accordion-header-active ui-state-active ui-icon-triangle-1-s" role="tab" id="ui-id-17" aria-selected="false" aria-expanded="false" tabindex="0"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-s"></span></span>
				

				</div>
			</div>

Open in new window

Mike EghtebasDatabase and Application DeveloperAuthor Commented:
Hi lenamti,

As stated on the question statement:
B. Another accordion control (incomplete). When I remove its remaining <div> tags, it collapses the first section of "A" discussed above.

I do not want the first section at "A" to collapse.

I think, using javascript to make it visible may work. Can you help me with that?
lenamtlCommented:
Well I did it on chrome and it is ok.

Make sure you remove the code above that is under this comment line
<!--<a id="SampelEEQA"></a><br/><br/>-->


because elsewhere this will affect other accordion

<!--<a id="SampelEEQA"></a><br/><br/>-->
<div class="accordion-div ui-accordion ui-widget ui-helper-reset" role="tablist">

				<div id="accordion3" class="accordion-div ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons ui-accordion ui-widget ui-helper-reset" role="tablist" aria-selected="false" aria-expanded="false" tabindex="0"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons" role="tab" id="ui-id-17" aria-selected="false" aria-expanded="false" tabindex="0"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span></span>
				

				</div>
			</div>

Open in new window

Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

Mike EghtebasDatabase and Application DeveloperAuthor Commented:
I am using chrome also.

What is this code you have included in your last post? Do I need to add it to my page?
<div class="accordion-div ui-accordion ui-widget ui-helper-reset" role="tablist">
	<div id="accordion3" class="accordion-div ui-accordion-header ui-state-default 
	    ui-corner-all ui-accordion-icons ui-accordion ui-widget ui-helper-reset" 
		role="tablist" aria-selected="false" aria-expanded="false" tabindex="0">
			<span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e 
				ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons" 
				role="tab" id="ui-id-17" aria-selected="false" aria-expanded="false" tabindex="0">
				<span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e">
				</span>
			</span>
	</div>
</div>

Open in new window


I have not used the above code because it is not clear what am I supposed to do with it.

Could you please paste here the version worked for you?

Thanks.
lenamtlCommented:
No you have to delete the code

Find this line:

<!--<a id="SampelEEQA"></a><br/><br/>-->

Open in new window


then delete just this part of the code

<!--<a id="SampelEEQA"></a><br/><br/>-->
<div class="accordion-div ui-accordion ui-widget ui-helper-reset" role="tablist">

				<div id="accordion3" class="accordion-div ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons ui-accordion ui-widget ui-helper-reset" role="tablist" aria-selected="false" aria-expanded="false" tabindex="0"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons" role="tab" id="ui-id-17" aria-selected="false" aria-expanded="false" tabindex="0"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span></span>
				

				</div>
			</div>

                                          

Open in new window

Mike EghtebasDatabase and Application DeveloperAuthor Commented:
Hi lenamti,

For the 3rd time, also as stated on the question statement:
B. Another accordion control (incomplete). When I remove its remaining <div> tags, it collapses the first section of "A" discussed above.

Meaning, what you are asking me to do doesn't work.

You stated it worked for you trying it in chrome. If so, could you kindly give me the code you tired and it did work for you?

Thanks,

Mike
lenamtlCommented:
I don't know why it's not working on your side.
So to make sure
Could you comment the code part of the code I propose you to remove
Then upload the page back online I will check if you have commented the appropriate part.
Then also I will also see the error that you say it is producing.

Is this make sense ?

Sorry I cannot post any code at the moment there is a glitch with the text editor of EE.
Mike EghtebasDatabase and Application DeveloperAuthor Commented:
Hi lenamtl,

I have removed the lines you have asked me to remove on page ee.html.

ee.html is identical to Certificates.html. You need to enter like:

http://datapassion.net/ee.html

to see the problems. Please compare it with Certificate.html. The changes totally mess up the page.

Mike
lenamtlCommented:
Ok as I can see you have not commented the code correcty
there is an orphan div which is not commented


This should be commented  like this:

<!--<a id="SampelEEQA"></a><br/><br/>-->
<!--
<div class="accordion-div ui-accordion ui-widget ui-helper-reset" role="tablist">

				<div id="accordion3" class="accordion-div ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons ui-accordion ui-widget ui-helper-reset" role="tablist" aria-selected="false" aria-expanded="false" tabindex="0"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons" role="tab" id="ui-id-17" aria-selected="false" aria-expanded="false" tabindex="0"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span></span>
				

				</div>
			</div>
-->

Open in new window

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Microsoft SQL Server

From novice to tech pro — start learning today.